Talke Component Library

Stage 

<div id="c185" class="mb-12 mask-bottom">
    <div class="w-full pt-10 bg-cover pb-mask" style="background-image: url('https://picsum.photos/1366/532')">
        <div class="px-8 mb-10 md:mb-0">
            <div class="w-full px-5 mx-auto text-white rounded py-7 max-w-text-box bg-talke-blue-70">
                <h2 class="mb-3 text-xl font-talke-semibold">Repudiandae acies</h2>

                <h1 class="mb-2 text-2xl uppercase font-talke-semibold">Spiculum comes creo cogo collum amaritudo conduco quod</h1>

                <p class="text-lg font-talke-regular">Ater cito cupio cultellus vociferor carmen omnis cupiditas thymbra adipiscor verumtamen synagoga reprehenderit ultra venustas adversus spiculum alo arx suus quasi vix acervus venio ventosus doloribus vesica aestas defendo celebrer.</p>

                <div class="mt-8">

                    <a class="cursor-pointer rounded px-5 py-3 text-lg transition-colors duration-300 font-talke-regular bg-talke-red hover:bg-talke-active-red text-white ">Vapulus annus</a>

                </div>

            </div>

        </div>
    </div>
</div>
 
<div id="{{id}}" class="mb-12 mask-bottom">
  <div
    class="w-full pt-10 bg-cover pb-mask"
    style="background-image: url('https://picsum.photos/1366/532')"
  >
    <div class="px-8 mb-10 md:mb-0">
      {{render "@textbox--red" textbox}}
    </div>
  </div>
</div>
 
{
  "id": "c185",
  "textbox": {
    "headline": "Spiculum comes creo cogo collum amaritudo conduco quod",
    "headlineSmall": "Repudiandae acies",
    "text": "Ater cito cupio cultellus vociferor carmen omnis cupiditas thymbra adipiscor verumtamen synagoga reprehenderit ultra venustas adversus spiculum alo arx suus quasi vix acervus venio ventosus doloribus vesica aestas defendo celebrer."
  }
}

No notes defined.