Etat Pur Design System

Blog Card 

<a id="slide-0" aria-labelledby="tab-0" role="tabpanel" href="" class="bg-white hover:text-brand-700 transition-colors ">
    <div class="aspect-[3/2]">
        <img class="w-full h-full object-cover" src="/img/blog/thumbnail-1.png" alt="">
    </div>
    <div class="p-4 h5 after:h-2 after:w-10 after:bg-brand after:block after:mt-5">
        Gluconate de zinc : bienfaits et pouvoir matifiant
    </div>
</a>
 
<a
    id="slide-{{ index|default('0') }}"
    aria-labelledby="tab-{{ index|default('0') }}"
    role="tabpanel"
    href="{{ href }}" class="bg-white hover:text-brand-700 transition-colors {{ class }}"
>
    <div class="aspect-[3/2]">
        <img class="w-full h-full object-cover" src="{{ img.src }}" alt="{{ img.alt }}">
    </div>
    <div class="p-4 h5 after:h-2 after:w-10 after:bg-brand after:block after:mt-5">
        {{ title }}
    </div>
</a>
 
{
  "title": "Gluconate de zinc : bienfaits et pouvoir matifiant",
  "img": {
    "src": "/img/blog/thumbnail-1.png"
  }
}

No notes defined.