Styleguide

Shortcuts: Icon Block 

<nav class="bg-white py-5" id="short-cuts">
    <div class="container">
        <div class="row justify-content-center">
            <div class="d-flex text-center justify-content-between flex-wrap col-sm-12 col-lg-8">
                <a href="/unternehmen/kundenreferenzen" title="Kundenreferenzen" class="text-decoration-none w-100 w-md-25" target="_self">
                    <i class="icon icon-light-handshake icon-xxl"></i>
                    <p class="mb-3">Kundenreferenzen &gt;</p>
                </a>
                <a href="/unternehmen/newsroom" title="Hier können Sie TIMOCOM Pressemitteilungen und Artikel aus Zeitungen, Zeitschriften sowie Fachmagazinen nachlesen." class="text-decoration-none w-100 w-md-25" target="_self">
                    <i class="icon icon-light-newspaper icon-xxl"></i>
                    <p class="mb-3">Newsroom &gt;</p>
                </a>
                <a href="/kontakt" title="Kontakt" class="text-decoration-none w-100 w-md-25" target="_self">
                    <i class="icon icon-light-user-headset icon-xxl"></i>
                    <p class="mb-3">Kontakt &gt;</p>
                </a>
            </div>
        </div>
    </div>
</nav>
 
<nav class="bg-white py-5" id="short-cuts">
  <div class="container">
    <div class="row justify-content-center">
      <div
        class="d-flex text-center justify-content-between flex-wrap col-sm-12 col-lg-8"
      >
        {{#each item}}
          <a
            href="{{href}}"
            title="{{title}}"
            class="text-decoration-none w-100 w-md-25"
            target="_self"
          >
            {{render "@icon" icon}}
            <p class="mb-3">{{{text}}}</p>
          </a>
        {{/each}}
      </div>
    </div>
  </div>
</nav>
 
{
  "item": [
    {
      "href": "/unternehmen/kundenreferenzen",
      "title": "Kundenreferenzen",
      "icon": {
        "class": "icon icon-light-handshake icon-xxl"
      },
      "text": "Kundenreferenzen &gt;"
    },
    {
      "href": "/unternehmen/newsroom",
      "title": "Hier können Sie TIMOCOM Pressemitteilungen und Artikel aus Zeitungen, Zeitschriften sowie Fachmagazinen nachlesen.",
      "icon": {
        "class": "icon icon-light-newspaper icon-xxl"
      },
      "text": "Newsroom &gt;"
    },
    {
      "href": "/kontakt",
      "title": "Kontakt",
      "icon": {
        "class": "icon icon-light-user-headset icon-xxl"
      },
      "text": "Kontakt &gt;"
    }
  ]
}

No notes defined.