News Block Item

  • template
<div class="news-slider-block-item ">
<a href="#" class="group link">
<div class="relative min-h-[18.875rem] md:min-h-[30rem]">
<picture>
<source type="image/jpeg" srcset="https://tressol-chabrier.twic.pics/v1/cover=613x480/placeholder:light-gray 1x" media="(min-width: 896px)">
<source type="image/jpeg" srcset="https://tressol-chabrier.twic.pics/v1/cover=386x302/placeholder:light-gray 1x" media="(min-width: 300px)">
<img src="https://tressol-chabrier.twic.pics/v1/cover=613x480/placeholder:light-gray"
alt="" loading="lazy"
class="absolute top-0 left-1/2 -translate-x-1/2 h-full w-full object-cover">
</picture>
</div>
<div class="py-5 md:py-6 pr-12">
<div class="text-text text-xs font-semibold uppercase tracking-spaced mb-3">Nouveauté</div>
<div class="text-2xl tracking-tightened font-bold mb-3">Découvrez la gamme Kia Sportage</div>
<div class="tracking-tightened">
<p>Elle offre un faible niveau d’émissions et un vaste choix. Avec quatre groupes propulseurs différents, dont des motorisations hybride, hybride rechargeable et hybride légère – tous disponibles en version GT-line</p>
</div>
<div class="text-primary-accent group-hover:text-secondary link font-semibold mt-6">Configurer</div>
</div>
</a>
</div>