<div class="my-12 px-8" id="c842">
<section class="mx-auto w-full max-w-content-max splide splideTeaserbox">
<div class="splide__track">
<ul class="splide__list">
<li class="splide__slide">
<a href="" class="relative flex flex-col overflow-hidden text-white rounded group h-80 bg-talke-blue pt-48 hover:pt-0 transition-all duration-500 w-48">
<img class="absolute inset-0 w-full h-auto" src="https://picsum.photos/id/20/200/200" alt="" />
<div class="relative flex-grow px-3 pt-3 pb-3 transition-all duration-300 rounded bg-talke-blue -top-1 group-hover:pt-8">
<h2 class="mb-2 text-lg font-talke-semibold">
Vestigium adiuvo
</h2>
<h3 class="text-2xl uppercase mb-7 font-talke-semibold">
beatae pecco
</h3>
<p class="text-sm transition-opacity opacity-0 group-hover:opacity-100 font-talke-regular">
Consequatur condico deprimo illo comburo adipiscor trans cui ubi sit tyrannus correptius testimonium vomica umquam repellendus tego repudiandae barba tabgo.
</p>
</div>
</a>
</li>
<li class="splide__slide">
<a href="" class="relative flex flex-col overflow-hidden text-white rounded group h-80 bg-talke-blue pt-48 hover:pt-0 transition-all duration-500 w-48">
<img class="absolute inset-0 w-full h-auto" src="https://picsum.photos/id/34/200/200" alt="" />
<div class="relative flex-grow px-3 pt-3 pb-3 transition-all duration-300 rounded bg-talke-blue -top-1 group-hover:pt-8">
<h2 class="mb-2 text-lg font-talke-semibold">
Validus praesentium
</h2>
<h3 class="text-2xl uppercase mb-7 font-talke-semibold">
apud clarus
</h3>
<p class="text-sm transition-opacity opacity-0 group-hover:opacity-100 font-talke-regular">
Aer casus peior admoneo a audax voveo color solutio voluptas conor tabgo ventus appono ulciscor utor thalassinus tubineus praesentium quasi.
</p>
</div>
</a>
</li>
<li class="splide__slide">
<a href="" class="relative flex flex-col overflow-hidden text-white rounded group h-80 bg-talke-blue pt-48 hover:pt-0 transition-all duration-500 w-48">
<img class="absolute inset-0 w-full h-auto" src="https://picsum.photos/id/32/200/200" alt="" />
<div class="relative flex-grow px-3 pt-3 pb-3 transition-all duration-300 rounded bg-talke-blue -top-1 group-hover:pt-8">
<h2 class="mb-2 text-lg font-talke-semibold">
Creo vitium
</h2>
<h3 class="text-2xl uppercase mb-7 font-talke-semibold">
vorax adeo
</h3>
<p class="text-sm transition-opacity opacity-0 group-hover:opacity-100 font-talke-regular">
Adnuo derideo vito tenus arma carpo patior consequuntur vereor barba veniam tempora cohaero cicuta denuncio tergiversatio contabesco quibusdam tempus voluptatum.
</p>
</div>
</a>
</li>
<li class="splide__slide">
<a href="" class="relative flex flex-col overflow-hidden text-white rounded group h-80 bg-talke-blue pt-48 hover:pt-0 transition-all duration-500 w-48">
<img class="absolute inset-0 w-full h-auto" src="https://picsum.photos/id/47/200/200" alt="" />
<div class="relative flex-grow px-3 pt-3 pb-3 transition-all duration-300 rounded bg-talke-blue -top-1 group-hover:pt-8">
<h2 class="mb-2 text-lg font-talke-semibold">
Tactus asper
</h2>
<h3 class="text-2xl uppercase mb-7 font-talke-semibold">
cattus cado
</h3>
<p class="text-sm transition-opacity opacity-0 group-hover:opacity-100 font-talke-regular">
Adversus amplus defluo tribuo terreo viduo aveho una quis stips carus ducimus cometes rem sublime attero adulescens catena statim defero.
</p>
</div>
</a>
</li>
<li class="splide__slide">
<a href="" class="relative flex flex-col overflow-hidden text-white rounded group h-80 bg-talke-blue pt-48 hover:pt-0 transition-all duration-500 w-48">
<img class="absolute inset-0 w-full h-auto" src="https://picsum.photos/id/49/200/200" alt="" />
<div class="relative flex-grow px-3 pt-3 pb-3 transition-all duration-300 rounded bg-talke-blue -top-1 group-hover:pt-8">
<h2 class="mb-2 text-lg font-talke-semibold">
Decet culpo
</h2>
<h3 class="text-2xl uppercase mb-7 font-talke-semibold">
concido ambulo
</h3>
<p class="text-sm transition-opacity opacity-0 group-hover:opacity-100 font-talke-regular">
Ver cicuta cado cultura cedo ad compono urbs decretum tricesimus ver quo suscipit solutio spero synagoga suscipit bardus terreo decerno.
</p>
</div>
</a>
</li>
</ul>
</div>
</section>
</div>
<div class="my-12 px-8" id="{{id}}">
<section class="mx-auto w-full max-w-content-max splide splideTeaserbox">
<div class="splide__track">
<ul class="splide__list">
{{#each items}}
<li class="splide__slide">
{{render "@teaser-small" this merge=true}}
</li>
{{/each}}
</ul>
</div>
</section>
</div>
{
"id": "c842",
"items": [
{
"imageId": 20,
"headlineSmall": "Vestigium adiuvo",
"headlineLarge": "beatae pecco",
"bodyText": "Consequatur condico deprimo illo comburo adipiscor trans cui ubi sit tyrannus correptius testimonium vomica umquam repellendus tego repudiandae barba tabgo."
},
{
"imageId": 34,
"headlineSmall": "Validus praesentium",
"headlineLarge": "apud clarus",
"bodyText": "Aer casus peior admoneo a audax voveo color solutio voluptas conor tabgo ventus appono ulciscor utor thalassinus tubineus praesentium quasi."
},
{
"imageId": 32,
"headlineSmall": "Creo vitium",
"headlineLarge": "vorax adeo",
"bodyText": "Adnuo derideo vito tenus arma carpo patior consequuntur vereor barba veniam tempora cohaero cicuta denuncio tergiversatio contabesco quibusdam tempus voluptatum."
},
{
"imageId": 47,
"headlineSmall": "Tactus asper",
"headlineLarge": "cattus cado",
"bodyText": "Adversus amplus defluo tribuo terreo viduo aveho una quis stips carus ducimus cometes rem sublime attero adulescens catena statim defero."
},
{
"imageId": 49,
"headlineSmall": "Decet culpo",
"headlineLarge": "concido ambulo",
"bodyText": "Ver cicuta cado cultura cedo ad compono urbs decretum tricesimus ver quo suscipit solutio spero synagoga suscipit bardus terreo decerno."
}
]
}
No notes defined.