Talke Component Library

Teaserbox Icon Text 3 Cols 

<div class="px-8 my-12" id="c466">
    <div class="mb-12">
        <div class="mx-auto text-center max-w-teaser-intro
  text-talke-blue
  
">
            <h1 class="mb-3 text-xl font-talke-semibold">
                Quis speciosus
            </h1>
            <h2 class="mb-3 text-2xl uppercase font-talke-semibold">
                Acceptus averto arguo nihil
            </h2>
            <p class="text-sm font-talke-regular text-talke-text-gray">
                Velut somnus bonus sum campana chirographum aduro cui tempore tunc velum sodalitas talio coma titulus decumbo credo despecto creptio ceno.
            </p>
        </div>

    </div>
    <div class="flex flex-col items-center w-full gap-8 mx-auto mb-12 lg:items-start lg:justify-center lg:flex-row max-w-teaser-intro">
        <div class="w-full md:w-2/3 lg:w-1/3">
            <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"></h2>
                <ul class="contentlist">
                    <li>
                        Eveniet tersus arma tergo voluptas aeternus apto undique convoco demo articulus voluptatibus attonbitus ab vox virgo terga vilicus natus apparatus
                    </li>
                    <li>
                        Terreo tardus tandem ipsam ipsum vivo depraedor vita custodia antepono velociter ventosus sequi bellum tabesco viduo depulso aequitas censura tollo
                    </li>
                    <li>
                        Denego compello velociter laudantium facilis certus audentia cotidie crux tripudio vitiosus vesper aro natus ex explicabo corrumpo eius utpote vespillo
                    </li>
                </ul>
            </a>
        </div>
        <div class="w-full md:w-2/3 lg:w-1/3">
            <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"></h2>
                <ul class="contentlist">
                    <li>
                        Delicate vomica quod vapulus ultra creber adaugeo tardus charisma vomito vomica corporis esse subseco somnus ter civitas aegrotatio audacia calcar
                    </li>
                    <li>
                        Carcer corrumpo suscipit vomica circumvenio crinis circumvenio patior conservo tertius pel cedo eligendi inflammatio comes nihil dicta rem virgo neque
                    </li>
                    <li>
                        Tui uterque valde charisma tandem civis atqui ipsum universe aurum caelestis capto paulatim textus denique maiores credo velit cervus decerno
                    </li>
                </ul>
            </a>
        </div>
        <div class="w-full md:w-2/3 lg:w-1/3">
            <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"></h2>
                <ul class="contentlist">
                    <li>
                        Pel crepusculum adamo occaecati adstringo spiritus thema unde asporto reiciendis cupressus tollo consuasor dens audio sumptus vobis quos pecto thema
                    </li>
                    <li>
                        Sollicito strenuus terebro articulus ex adipisci vulariter sunt arcesso teres tabesco argentum calamitas conatus cibus teres adsum vetus amissio corona
                    </li>
                    <li>
                        Strues cado thalassinus careo curo aliquid surculus amor caries cito consequatur dapifer tantum animus viscus sopor despecto comparo supellex clementia
                    </li>
                </ul>
            </a>
        </div>
    </div>
</div>
 
<div class="px-8 my-12"
  id="{{id}}">
  <div class="mb-12">
    {{render "@teaser-intro"}}
  </div>
  <div class="flex flex-col items-center w-full gap-8 mx-auto mb-12 lg:items-start lg:justify-center lg:flex-row max-w-teaser-intro">
    {{#each items}}
    <div class="w-full md:w-2/3 lg:w-1/3">
      {{> @teaser-icon-text listItems=this.listItems}}
    </div>
    {{/each}}
  </div>
</div>
 
{
  "id": "c466"
}

No notes defined.