Styleguide

Footer 

<footer class="bg-cool-gray-120 color-white py-4">
    <div class="container">
        <div class="d-flex flex-wrap justify-content-between" role="navigation" aria-label="Main footer navigation">
            <div class="w-lg-auto" aria-label="Navigation categories">
                <ul role="list" aria-label="categoryLinks">
                    <li class="mt-3" role="listitem">
                        <a href="/smart-logistics-system" title="Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.">Produkt</a>
                    </li>
                    <li class="" role="listitem">
                        <a href="/smart-logistics-system" title="Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.">Produkt</a>
                    </li>
                    <li class="" role="listitem">
                        <a href="/smart-logistics-system" title="Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.">Produkt</a>
                    </li>
                </ul>
            </div>
            <div class="w-lg-auto" aria-label="Navigation categories">
                <ul role="list" aria-label="categoryLinks">
                    <li class="mt-3" role="listitem">
                        <a href="/smart-logistics-system" title="Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.">Services</a>
                    </li>
                    <li class="" role="listitem">
                        <a href="/smart-logistics-system" title="Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.">Services</a>
                    </li>
                    <li class="" role="listitem">
                        <a href="/smart-logistics-system" title="Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.">Services</a>
                    </li>
                </ul>
            </div>
            <div class="w-lg-auto" aria-label="Navigation categories">
                <ul role="list" aria-label="categoryLinks">
                    <li class="mt-3" role="listitem">
                        <a href="/smart-logistics-system" title="Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.">Unternehmen</a>
                    </li>
                    <li class="" role="listitem">
                        <a href="/smart-logistics-system" title="Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.">Unternehmen</a>
                    </li>
                    <li class="" role="listitem">
                        <a href="/smart-logistics-system" title="Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.">Unternehmen</a>
                    </li>
                </ul>
            </div>
            <div class="w-lg-auto" aria-label="Navigation categories">
                <ul role="list" aria-label="categoryLinks">
                    <li class="mt-3" role="listitem">
                        <a href="/smart-logistics-system" title="Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.">Karriere</a>
                    </li>
                    <li class="" role="listitem">
                        <a href="/smart-logistics-system" title="Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.">Karriere</a>
                    </li>
                    <li class="" role="listitem">
                        <a href="/smart-logistics-system" title="Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.">Karriere</a>
                    </li>
                </ul>
            </div>
            <div class="w-lg-auto" aria-label="Navigation categories">
                <ul role="list" aria-label="categoryLinks">
                    <li class="mt-3" role="listitem">
                        <a href="/smart-logistics-system" title="Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.">Rechtliches</a>
                    </li>
                    <li class="" role="listitem">
                        <a href="/smart-logistics-system" title="Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.">Rechtliches</a>
                    </li>
                    <li class="" role="listitem">
                        <a href="/smart-logistics-system" title="Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.">Rechtliches</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="d-flex justify-content-center mt-4" aria-label="Social media links">
            <span class="social-icons text-center pt-3">
                <a target="_blank" rel="noreferrer" title="Facebook Fanpage der TIMOCOM Frachtenbörse" href="https://www.facebook.com/timocom.de"><i class="icon-brands-facebook-square"></i></a>
                <a target="_blank" rel="noreferrer" title="Youtube Kanal der TIMOCOM Laderaumbörse" href="https://www.youtube.com/user/TIMOCOM"><i class="icon-brands-youtube-square"></i></a>
                <a target="_blank" rel="noreferrer" title="Marktführer unter den Frachtenbörsen Europas - Xing-Gruppe" href="https://www.xing.com/company/timocom"><i class="icon-brands-xing-square"></i></a>
                <a target="_blank" rel="noreferrer" title="TIMOCOM -&gt; LinkedIn" href="https://www.linkedin.com/company/timocom-gmbh/"><i class="icon-brands-linkedin"></i></a>
                <a target="_blank" rel="noreferrer" title="Join us on instagram" href="https://instagram.com/timocom"><i class="icon-brands-instagram"></i></a>
            </span>
        </div>
        <div class="text-center mt-2">
            <span class="copyright" aria-label="Copyright">
                © TIMOCOM GmbH 2022. Alle Rechte vorbehalten
            </span>
        </div>
    </div>
</footer>
 
<footer class="bg-cool-gray-120 color-white py-4">
  <div class="container">
    <div
      class="d-flex flex-wrap justify-content-between"
      role="navigation"
      aria-label="Main footer navigation"
    >
      {{#each column}}
        <div class="w-lg-auto" aria-label="Navigation categories">
          <ul role="list" aria-label="categoryLinks">
            {{#each item}}
              <li class="{{#if @first}}mt-3{{/if}}" role="listitem">
                {{#with link}}
                  <a href="{{href}}" title="{{title}}">{{{text}}}</a>
                {{/with}}
              </li>
            {{/each}}
          </ul>
        </div>
      {{/each}}
    </div>
    <div
      class="d-flex justify-content-center mt-4"
      aria-label="Social media links"
    >
      <span class="social-icons text-center pt-3">
        {{#each social}}
        {{#with link}}
        <a
          target="_blank"
          rel="noreferrer"
          title="{{title}}"
          href="{{href}}"
        >{{render "@icon" icon}}</a>
        {{/with}}
        {{/each}}
      </span>
    </div>
    <div class="text-center mt-2">
      <span class="copyright" aria-label="Copyright">
        © TIMOCOM GmbH 2022. Alle Rechte vorbehalten
      </span>
    </div>
  </div>
</footer>
 
{
  "column": [
    {
      "item": [
        {
          "link": {
            "href": "/smart-logistics-system",
            "title": "Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.",
            "text": "Produkt"
          }
        },
        {
          "link": {
            "href": "/smart-logistics-system",
            "title": "Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.",
            "text": "Produkt"
          }
        },
        {
          "link": {
            "href": "/smart-logistics-system",
            "title": "Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.",
            "text": "Produkt"
          }
        }
      ]
    },
    {
      "item": [
        {
          "link": {
            "href": "/smart-logistics-system",
            "title": "Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.",
            "text": "Services"
          }
        },
        {
          "link": {
            "href": "/smart-logistics-system",
            "title": "Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.",
            "text": "Services"
          }
        },
        {
          "link": {
            "href": "/smart-logistics-system",
            "title": "Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.",
            "text": "Services"
          }
        }
      ]
    },
    {
      "item": [
        {
          "link": {
            "href": "/smart-logistics-system",
            "title": "Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.",
            "text": "Unternehmen"
          }
        },
        {
          "link": {
            "href": "/smart-logistics-system",
            "title": "Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.",
            "text": "Unternehmen"
          }
        },
        {
          "link": {
            "href": "/smart-logistics-system",
            "title": "Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.",
            "text": "Unternehmen"
          }
        }
      ]
    },
    {
      "item": [
        {
          "link": {
            "href": "/smart-logistics-system",
            "title": "Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.",
            "text": "Karriere"
          }
        },
        {
          "link": {
            "href": "/smart-logistics-system",
            "title": "Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.",
            "text": "Karriere"
          }
        },
        {
          "link": {
            "href": "/smart-logistics-system",
            "title": "Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.",
            "text": "Karriere"
          }
        }
      ]
    },
    {
      "item": [
        {
          "link": {
            "href": "/smart-logistics-system",
            "title": "Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.",
            "text": "Rechtliches"
          }
        },
        {
          "link": {
            "href": "/smart-logistics-system",
            "title": "Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.",
            "text": "Rechtliches"
          }
        },
        {
          "link": {
            "href": "/smart-logistics-system",
            "title": "Testen Sie unser Smart Logistics System und erleben Sie, wie Logistik 4.0 Ihren Arbeitsalltag auf vielseitige Art erleichtern wird.",
            "text": "Rechtliches"
          }
        }
      ]
    }
  ],
  "social": [
    {
      "link": {
        "href": "https://www.facebook.com/timocom.de",
        "title": "Facebook Fanpage der TIMOCOM Frachtenbörse",
        "icon": {
          "class": "icon-brands-facebook-square"
        }
      }
    },
    {
      "link": {
        "href": "https://www.youtube.com/user/TIMOCOM",
        "title": "Youtube Kanal der TIMOCOM Laderaumbörse",
        "icon": {
          "class": "icon-brands-youtube-square"
        }
      }
    },
    {
      "link": {
        "href": "https://www.xing.com/company/timocom",
        "title": "Marktführer unter den Frachtenbörsen Europas - Xing-Gruppe",
        "icon": {
          "class": "icon-brands-xing-square"
        }
      }
    },
    {
      "link": {
        "href": "https://www.linkedin.com/company/timocom-gmbh/",
        "title": "TIMOCOM -> LinkedIn",
        "icon": {
          "class": "icon-brands-linkedin"
        }
      }
    },
    {
      "link": {
        "href": "https://instagram.com/timocom",
        "title": "Join us on instagram",
        "icon": {
          "class": "icon-brands-instagram"
        }
      }
    }
  ]
}

No notes defined.