<div class="my-12 px-8" id="c389">
<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/85/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">
Iure carcer
</h2>
<h3 class="text-2xl uppercase mb-7 font-talke-semibold">
apto beatae
</h3>
<p class="text-sm transition-opacity opacity-0 group-hover:opacity-100 font-talke-regular">
Vociferor charisma depono tui sophismata alveus bestia sumptus ullam veritas cubo caterva eos utroque creo usitas valde clibanus spargo ambulo.
</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/94/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">
Thermae sophismata
</h2>
<h3 class="text-2xl uppercase mb-7 font-talke-semibold">
coruscus utrimque
</h3>
<p class="text-sm transition-opacity opacity-0 group-hover:opacity-100 font-talke-regular">
Accusantium copiose teneo amissio arguo repudiandae aliquam curo delectatio trado appono acies cibus denique conspergo curvo officia ab minima magni.
</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/85/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">
Aegrotatio caterva
</h2>
<h3 class="text-2xl uppercase mb-7 font-talke-semibold">
cura quia
</h3>
<p class="text-sm transition-opacity opacity-0 group-hover:opacity-100 font-talke-regular">
Dolores decet adimpleo ullus deorsum amo correptius ipsa subito conatus argentum tredecim allatus damnatio canonicus tergeo suadeo tutis sopor solium.
</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/39/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">
Paulatim subvenio
</h2>
<h3 class="text-2xl uppercase mb-7 font-talke-semibold">
versus iusto
</h3>
<p class="text-sm transition-opacity opacity-0 group-hover:opacity-100 font-talke-regular">
Capillus torrens libero patria defaeco aiunt explicabo debeo uxor voluptatem numquam cupiditate timidus tero argentum beneficium armarium reiciendis volaticus aliqua.
</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/7/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">
Crastinus ipsam
</h2>
<h3 class="text-2xl uppercase mb-7 font-talke-semibold">
auditor maiores
</h3>
<p class="text-sm transition-opacity opacity-0 group-hover:opacity-100 font-talke-regular">
Crudelis aranea delectus stillicidium solitudo illum decerno degusto campana abutor cohibeo thesis conicio terga arceo carus accusator celer vox utrum.
</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/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">
Tepidus tabella
</h2>
<h3 class="text-2xl uppercase mb-7 font-talke-semibold">
balbus quam
</h3>
<p class="text-sm transition-opacity opacity-0 group-hover:opacity-100 font-talke-regular">
Nihil ascisco speciosus supellex substantia deficio capitulus astrum reiciendis ea sed summisse confero despecto porro adfectus templum valde dicta fugiat.
</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/30/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">
Umquam soleo
</h2>
<h3 class="text-2xl uppercase mb-7 font-talke-semibold">
minima alter
</h3>
<p class="text-sm transition-opacity opacity-0 group-hover:opacity-100 font-talke-regular">
Arca xiphias attollo minima arto temporibus summopere aveho tripudio colo debeo turpis decumbo vicinus taceo valeo tergum amor stipes adficio.
</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": "c389",
"items": [
{
"imageId": 85,
"headlineSmall": "Iure carcer",
"headlineLarge": "apto beatae",
"bodyText": "Vociferor charisma depono tui sophismata alveus bestia sumptus ullam veritas cubo caterva eos utroque creo usitas valde clibanus spargo ambulo."
},
{
"imageId": 94,
"headlineSmall": "Thermae sophismata",
"headlineLarge": "coruscus utrimque",
"bodyText": "Accusantium copiose teneo amissio arguo repudiandae aliquam curo delectatio trado appono acies cibus denique conspergo curvo officia ab minima magni."
},
{
"imageId": 85,
"headlineSmall": "Aegrotatio caterva",
"headlineLarge": "cura quia",
"bodyText": "Dolores decet adimpleo ullus deorsum amo correptius ipsa subito conatus argentum tredecim allatus damnatio canonicus tergeo suadeo tutis sopor solium."
},
{
"imageId": 39,
"headlineSmall": "Paulatim subvenio",
"headlineLarge": "versus iusto",
"bodyText": "Capillus torrens libero patria defaeco aiunt explicabo debeo uxor voluptatem numquam cupiditate timidus tero argentum beneficium armarium reiciendis volaticus aliqua."
},
{
"imageId": 7,
"headlineSmall": "Crastinus ipsam",
"headlineLarge": "auditor maiores",
"bodyText": "Crudelis aranea delectus stillicidium solitudo illum decerno degusto campana abutor cohibeo thesis conicio terga arceo carus accusator celer vox utrum."
},
{
"imageId": 20,
"headlineSmall": "Tepidus tabella",
"headlineLarge": "balbus quam",
"bodyText": "Nihil ascisco speciosus supellex substantia deficio capitulus astrum reiciendis ea sed summisse confero despecto porro adfectus templum valde dicta fugiat."
},
{
"imageId": 30,
"headlineSmall": "Umquam soleo",
"headlineLarge": "minima alter",
"bodyText": "Arca xiphias attollo minima arto temporibus summopere aveho tripudio colo debeo turpis decumbo vicinus taceo valeo tergum amor stipes adficio."
}
]
}
No notes defined.