Talke Component Library

Imagebox: White 

<div class="my-12 mask-top" id="c315">
    <div class="mask-bottom
    
    
  ">
        <div class="w-full bg-cover py-mask" style="background-image: url('https://picsum.photos/1366/788')">
            <div class="px-8 my-10 md:my-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">Suffragium cito</h2>

                    <h1 class="mb-2 text-2xl uppercase font-talke-semibold">Defero dapifer voluptatibus delinquo vinculum admoveo caritas porro</h1>

                    <p class="text-lg font-talke-regular">Vulnus vomito tamen defero vapulus concedo culpo vix patrocinor numquam utilis thermae demulceo cunae adipisci aegrus porro pel modi conservo conqueror beatae caute cuppedia usque aduro degenero ager quam ante.</p>

                    <div class="mt-8">

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

                    </div>

                </div>

            </div>
        </div>
    </div>
</div>
 
{{#> @mask}}
  <div class="w-full bg-cover py-mask" style="background-image: url('https://picsum.photos/1366/788')">
    <div class="px-8 my-10 md:my-0">
      {{#ifCond _self.name "==" "red"}}
        {{render "@textbox--red"}}
      {{/ifCond}}
      {{#ifCond _self.name "==" "white"}}
        {{render "@textbox--white"}}
      {{/ifCond}}
      {{#ifCond _self.name "==" "teal"}}
        {{render "@textbox--teal"}}
      {{/ifCond}}
    </div>
  </div>
{{/@mask}}
 
{
  "textbox": {
    "subHeadline": "Cognatus celo vito verumtamen caput somnus adamo timor"
  },
  "id": "c315"
}

No notes defined.