Talke Component Library

Teaser Icon Text 

<a href="" class="flex flex-col">
    <img class="w-24 h-auto mb-6" src="/images/dummy/dummy-icon-00.svg" alt="" />
    <h2 class="mb-3 text-2xl font-talke-light text-talke-blue">Alias adflicto</h2>
    <ul class="contentlist">
        <li>
            Adamo deserunt stella ademptio vulnero brevis
        </li>
        <li>
            Cras territo infit strenuus peior triumphus
        </li>
        <li>
            Sodalitas clementia aggero auctus cribro nostrum
        </li>
    </ul>
</a>
 
<a href=""
  class="flex flex-col">
  <img class="w-24 h-auto mb-6"
    src="/images/dummy/dummy-icon-00.svg"
    alt="" />
  <h2 class="mb-3 text-2xl font-talke-light text-talke-blue">{{headline}}</h2>
  <ul class="contentlist">
    {{#each listItems}}
    <li>
      {{this.text}}
    </li>
    {{/each}}
  </ul>
</a>
 
{
  "headline": "Alias adflicto",
  "listItems": [
    {
      "text": "Adamo deserunt stella ademptio vulnero brevis"
    },
    {
      "text": "Cras territo infit strenuus peior triumphus"
    },
    {
      "text": "Sodalitas clementia aggero auctus cribro nostrum"
    }
  ]
}

No notes defined.