<section class="flex flex-col gap-3 adjusted-marg-b-md">
<div class="grid grid-cols-2 md:grid-cols-3 gap-y-4 gap-x-3 xl:gap-x-4 3xl:gap-x-5">
<div class="relative bg-neutral-25 pb-11 after:absolute after:bottom-4 after:left-4 after:h-2 after:w-10 after:bg-brand after:block after:mb-0 ">
<img src="/img/blog/img.png" alt="Blog" class="aspect-video object-cover object-center w-full" />
<div class="flex flex-col gap-1.5 pt-4 px-4">
<h3 class="h6">Gluconate de zinc : bienfaits et pouvoir matifiant</h3>
<p class="text-body-sm line-clamp-3">Atténuer les taches liées au vieillissement, c’est l’une des missions de la
Vitamine C. Utilisée sous forme d’Actif Pur, elle renforce les mécanismes de défense de la peau et rend au
visage son éclat naturel.</p>
<div class="flex flex-wrap items-center gap-2.5">
<a href="#" class="
link-sm
link-dark
link-icon
">
<svg class=" shrink-0" width="16" height="16" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M2.25 12.75V12C2.25 10.7574 3.25736 9.75 4.5 9.75H19.5C20.7426 9.75 21.75 10.7574 21.75 12V12.75M13.0607 6.31066L10.9393 4.18934C10.658 3.90804 10.2765 3.75 9.87868 3.75H4.5C3.25736 3.75 2.25 4.75736 2.25 6V18C2.25 19.2426 3.25736 20.25 4.5 20.25H19.5C20.7426 20.25 21.75 19.2426 21.75 18V9C21.75 7.75736 20.7426 6.75 19.5 6.75H14.1213C13.7235 6.75 13.342 6.59197 13.0607 6.31066Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
<span class="">Ingredient Spotlight</span>
</a>
<span>|</span>
<div class="flex flex-row gap-1 text-body-xs">
<svg class=" shrink-0" width="16" height="16" stroke="currentColor" stroke-width="1.5" viewBox="0 0 21 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M10.5 5V10H14.25M18 10C18 14.1421 14.6421 17.5 10.5 17.5C6.35786 17.5 3 14.1421 3 10C3 5.85786 6.35786 2.5 10.5 2.5C14.6421 2.5 18 5.85786 18 10Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <span> 3 min.</span>
</div>
</div>
</div>
</div>
<div class="relative bg-neutral-25 pb-11 after:absolute after:bottom-4 after:left-4 after:h-2 after:w-10 after:bg-brand after:block after:mb-0 ">
<img src="/img/blog/thumbnail-2.png" alt="Blog" class="aspect-video object-cover object-center w-full" />
<div class="flex flex-col gap-1.5 pt-4 px-4">
<h3 class="h6">Vieillissement de la peau du visage : nos astuces à partir de 40 ans</h3>
<p class="text-body-sm line-clamp-3">Atténuer les taches liées au vieillissement, c’est l’une des missions de la
Vitamine C. Utilisée sous forme d’Actif Pur, elle renforce les mécanismes de défense de la peau et rend au
visage son éclat naturel.</p>
<div class="flex flex-wrap items-center gap-2.5">
<a href="#" class="
link-sm
link-dark
link-icon
">
<svg class=" shrink-0" width="16" height="16" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M2.25 12.75V12C2.25 10.7574 3.25736 9.75 4.5 9.75H19.5C20.7426 9.75 21.75 10.7574 21.75 12V12.75M13.0607 6.31066L10.9393 4.18934C10.658 3.90804 10.2765 3.75 9.87868 3.75H4.5C3.25736 3.75 2.25 4.75736 2.25 6V18C2.25 19.2426 3.25736 20.25 4.5 20.25H19.5C20.7426 20.25 21.75 19.2426 21.75 18V9C21.75 7.75736 20.7426 6.75 19.5 6.75H14.1213C13.7235 6.75 13.342 6.59197 13.0607 6.31066Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
<span class="">Ingredient Spotlight</span>
</a>
<span>|</span>
<div class="flex flex-row gap-1 text-body-xs">
<svg class=" shrink-0" width="16" height="16" stroke="currentColor" stroke-width="1.5" viewBox="0 0 21 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M10.5 5V10H14.25M18 10C18 14.1421 14.6421 17.5 10.5 17.5C6.35786 17.5 3 14.1421 3 10C3 5.85786 6.35786 2.5 10.5 2.5C14.6421 2.5 18 5.85786 18 10Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <span> 3 min.</span>
</div>
</div>
</div>
</div>
<div class="relative bg-neutral-25 pb-11 after:absolute after:bottom-4 after:left-4 after:h-2 after:w-10 after:bg-brand after:block after:mb-0 ">
<img src="/img/blog/thumbnail-1.png" alt="Blog" class="aspect-video object-cover object-center w-full" />
<div class="flex flex-col gap-1.5 pt-4 px-4">
<h3 class="h6">Gluconate de zinc : bienfaits et pouvoir matifiant</h3>
<p class="text-body-sm line-clamp-3">Atténuer les taches liées au vieillissement, c’est l’une des missions de la
Vitamine C. Utilisée sous forme d’Actif Pur, elle renforce les mécanismes de défense de la peau et rend au
visage son éclat naturel.</p>
<div class="flex flex-wrap items-center gap-2.5">
<a href="#" class="
link-sm
link-dark
link-icon
">
<svg class=" shrink-0" width="16" height="16" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M2.25 12.75V12C2.25 10.7574 3.25736 9.75 4.5 9.75H19.5C20.7426 9.75 21.75 10.7574 21.75 12V12.75M13.0607 6.31066L10.9393 4.18934C10.658 3.90804 10.2765 3.75 9.87868 3.75H4.5C3.25736 3.75 2.25 4.75736 2.25 6V18C2.25 19.2426 3.25736 20.25 4.5 20.25H19.5C20.7426 20.25 21.75 19.2426 21.75 18V9C21.75 7.75736 20.7426 6.75 19.5 6.75H14.1213C13.7235 6.75 13.342 6.59197 13.0607 6.31066Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
<span class="">Ingredient Spotlight</span>
</a>
<span>|</span>
<div class="flex flex-row gap-1 text-body-xs">
<svg class=" shrink-0" width="16" height="16" stroke="currentColor" stroke-width="1.5" viewBox="0 0 21 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M10.5 5V10H14.25M18 10C18 14.1421 14.6421 17.5 10.5 17.5C6.35786 17.5 3 14.1421 3 10C3 5.85786 6.35786 2.5 10.5 2.5C14.6421 2.5 18 5.85786 18 10Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <span> 3 min.</span>
</div>
</div>
</div>
</div>
<div class="relative bg-neutral-25 pb-11 after:absolute after:bottom-4 after:left-4 after:h-2 after:w-10 after:bg-brand after:block after:mb-0 ">
<img src="/img/blog/thumbnail-2.png" alt="Blog" class="aspect-video object-cover object-center w-full" />
<div class="flex flex-col gap-1.5 pt-4 px-4">
<h3 class="h6">Gluconate de zinc : bienfaits et pouvoir matifiant</h3>
<p class="text-body-sm line-clamp-3">Atténuer les taches liées au vieillissement, c’est l’une des missions de la
Vitamine C. Utilisée sous forme d’Actif Pur, elle renforce les mécanismes de défense de la peau et rend au
visage son éclat naturel.</p>
<div class="flex flex-wrap items-center gap-2.5">
<a href="#" class="
link-sm
link-dark
link-icon
">
<svg class=" shrink-0" width="16" height="16" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M2.25 12.75V12C2.25 10.7574 3.25736 9.75 4.5 9.75H19.5C20.7426 9.75 21.75 10.7574 21.75 12V12.75M13.0607 6.31066L10.9393 4.18934C10.658 3.90804 10.2765 3.75 9.87868 3.75H4.5C3.25736 3.75 2.25 4.75736 2.25 6V18C2.25 19.2426 3.25736 20.25 4.5 20.25H19.5C20.7426 20.25 21.75 19.2426 21.75 18V9C21.75 7.75736 20.7426 6.75 19.5 6.75H14.1213C13.7235 6.75 13.342 6.59197 13.0607 6.31066Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
<span class="">Ingredient Spotlight</span>
</a>
<span>|</span>
<div class="flex flex-row gap-1 text-body-xs">
<svg class=" shrink-0" width="16" height="16" stroke="currentColor" stroke-width="1.5" viewBox="0 0 21 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M10.5 5V10H14.25M18 10C18 14.1421 14.6421 17.5 10.5 17.5C6.35786 17.5 3 14.1421 3 10C3 5.85786 6.35786 2.5 10.5 2.5C14.6421 2.5 18 5.85786 18 10Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <span> 3 min.</span>
</div>
</div>
</div>
</div>
<div class="relative bg-neutral-25 pb-11 after:absolute after:bottom-4 after:left-4 after:h-2 after:w-10 after:bg-brand after:block after:mb-0 ">
<img src="/img/blog/img.png" alt="Blog" class="aspect-video object-cover object-center w-full" />
<div class="flex flex-col gap-1.5 pt-4 px-4">
<h3 class="h6">Vieillissement de la peau du visage : nos astuces à partir de 40 ans</h3>
<p class="text-body-sm line-clamp-3">Atténuer les taches liées au vieillissement, c’est l’une des missions de la
Vitamine C. Utilisée sous forme d’Actif Pur, elle renforce les mécanismes de défense de la peau et rend au
visage son éclat naturel.</p>
<div class="flex flex-wrap items-center gap-2.5">
<a href="#" class="
link-sm
link-dark
link-icon
">
<svg class=" shrink-0" width="16" height="16" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M2.25 12.75V12C2.25 10.7574 3.25736 9.75 4.5 9.75H19.5C20.7426 9.75 21.75 10.7574 21.75 12V12.75M13.0607 6.31066L10.9393 4.18934C10.658 3.90804 10.2765 3.75 9.87868 3.75H4.5C3.25736 3.75 2.25 4.75736 2.25 6V18C2.25 19.2426 3.25736 20.25 4.5 20.25H19.5C20.7426 20.25 21.75 19.2426 21.75 18V9C21.75 7.75736 20.7426 6.75 19.5 6.75H14.1213C13.7235 6.75 13.342 6.59197 13.0607 6.31066Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
<span class="">Ingredient Spotlight</span>
</a>
<span>|</span>
<div class="flex flex-row gap-1 text-body-xs">
<svg class=" shrink-0" width="16" height="16" stroke="currentColor" stroke-width="1.5" viewBox="0 0 21 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M10.5 5V10H14.25M18 10C18 14.1421 14.6421 17.5 10.5 17.5C6.35786 17.5 3 14.1421 3 10C3 5.85786 6.35786 2.5 10.5 2.5C14.6421 2.5 18 5.85786 18 10Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <span> 3 min.</span>
</div>
</div>
</div>
</div>
<div class="relative bg-neutral-25 pb-11 after:absolute after:bottom-4 after:left-4 after:h-2 after:w-10 after:bg-brand after:block after:mb-0 ">
<img src="/img/blog/thumbnail-1.png" alt="Blog" class="aspect-video object-cover object-center w-full" />
<div class="flex flex-col gap-1.5 pt-4 px-4">
<h3 class="h6">Gluconate de zinc : bienfaits et pouvoir matifiant</h3>
<p class="text-body-sm line-clamp-3">Atténuer les taches liées au vieillissement, c’est l’une des missions de la
Vitamine C. Utilisée sous forme d’Actif Pur, elle renforce les mécanismes de défense de la peau et rend au
visage son éclat naturel.</p>
<div class="flex flex-wrap items-center gap-2.5">
<a href="#" class="
link-sm
link-dark
link-icon
">
<svg class=" shrink-0" width="16" height="16" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M2.25 12.75V12C2.25 10.7574 3.25736 9.75 4.5 9.75H19.5C20.7426 9.75 21.75 10.7574 21.75 12V12.75M13.0607 6.31066L10.9393 4.18934C10.658 3.90804 10.2765 3.75 9.87868 3.75H4.5C3.25736 3.75 2.25 4.75736 2.25 6V18C2.25 19.2426 3.25736 20.25 4.5 20.25H19.5C20.7426 20.25 21.75 19.2426 21.75 18V9C21.75 7.75736 20.7426 6.75 19.5 6.75H14.1213C13.7235 6.75 13.342 6.59197 13.0607 6.31066Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
<span class="">Ingredient Spotlight</span>
</a>
<span>|</span>
<div class="flex flex-row gap-1 text-body-xs">
<svg class=" shrink-0" width="16" height="16" stroke="currentColor" stroke-width="1.5" viewBox="0 0 21 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M10.5 5V10H14.25M18 10C18 14.1421 14.6421 17.5 10.5 17.5C6.35786 17.5 3 14.1421 3 10C3 5.85786 6.35786 2.5 10.5 2.5C14.6421 2.5 18 5.85786 18 10Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <span> 3 min.</span>
</div>
</div>
</div>
</div>
<div class="relative bg-neutral-25 pb-11 after:absolute after:bottom-4 after:left-4 after:h-2 after:w-10 after:bg-brand after:block after:mb-0 ">
<img src="/img/blog/img.png" alt="Blog" class="aspect-video object-cover object-center w-full" />
<div class="flex flex-col gap-1.5 pt-4 px-4">
<h3 class="h6">Gluconate de zinc : bienfaits et pouvoir matifiant</h3>
<p class="text-body-sm line-clamp-3">Atténuer les taches liées au vieillissement, c’est l’une des missions de la
Vitamine C. Utilisée sous forme d’Actif Pur, elle renforce les mécanismes de défense de la peau et rend au
visage son éclat naturel.</p>
<div class="flex flex-wrap items-center gap-2.5">
<a href="#" class="
link-sm
link-dark
link-icon
">
<svg class=" shrink-0" width="16" height="16" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M2.25 12.75V12C2.25 10.7574 3.25736 9.75 4.5 9.75H19.5C20.7426 9.75 21.75 10.7574 21.75 12V12.75M13.0607 6.31066L10.9393 4.18934C10.658 3.90804 10.2765 3.75 9.87868 3.75H4.5C3.25736 3.75 2.25 4.75736 2.25 6V18C2.25 19.2426 3.25736 20.25 4.5 20.25H19.5C20.7426 20.25 21.75 19.2426 21.75 18V9C21.75 7.75736 20.7426 6.75 19.5 6.75H14.1213C13.7235 6.75 13.342 6.59197 13.0607 6.31066Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
<span class="">Ingredient Spotlight</span>
</a>
<span>|</span>
<div class="flex flex-row gap-1 text-body-xs">
<svg class=" shrink-0" width="16" height="16" stroke="currentColor" stroke-width="1.5" viewBox="0 0 21 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M10.5 5V10H14.25M18 10C18 14.1421 14.6421 17.5 10.5 17.5C6.35786 17.5 3 14.1421 3 10C3 5.85786 6.35786 2.5 10.5 2.5C14.6421 2.5 18 5.85786 18 10Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <span> 3 min.</span>
</div>
</div>
</div>
</div>
<div class="relative bg-neutral-25 pb-11 after:absolute after:bottom-4 after:left-4 after:h-2 after:w-10 after:bg-brand after:block after:mb-0 ">
<img src="/img/blog/thumbnail-2.png" alt="Blog" class="aspect-video object-cover object-center w-full" />
<div class="flex flex-col gap-1.5 pt-4 px-4">
<h3 class="h6">Vieillissement de la peau du visage : nos astuces à partir de 40 ans</h3>
<p class="text-body-sm line-clamp-3">Atténuer les taches liées au vieillissement, c’est l’une des missions de la
Vitamine C. Utilisée sous forme d’Actif Pur, elle renforce les mécanismes de défense de la peau et rend au
visage son éclat naturel.</p>
<div class="flex flex-wrap items-center gap-2.5">
<a href="#" class="
link-sm
link-dark
link-icon
">
<svg class=" shrink-0" width="16" height="16" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M2.25 12.75V12C2.25 10.7574 3.25736 9.75 4.5 9.75H19.5C20.7426 9.75 21.75 10.7574 21.75 12V12.75M13.0607 6.31066L10.9393 4.18934C10.658 3.90804 10.2765 3.75 9.87868 3.75H4.5C3.25736 3.75 2.25 4.75736 2.25 6V18C2.25 19.2426 3.25736 20.25 4.5 20.25H19.5C20.7426 20.25 21.75 19.2426 21.75 18V9C21.75 7.75736 20.7426 6.75 19.5 6.75H14.1213C13.7235 6.75 13.342 6.59197 13.0607 6.31066Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
<span class="">Ingredient Spotlight</span>
</a>
<span>|</span>
<div class="flex flex-row gap-1 text-body-xs">
<svg class=" shrink-0" width="16" height="16" stroke="currentColor" stroke-width="1.5" viewBox="0 0 21 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M10.5 5V10H14.25M18 10C18 14.1421 14.6421 17.5 10.5 17.5C6.35786 17.5 3 14.1421 3 10C3 5.85786 6.35786 2.5 10.5 2.5C14.6421 2.5 18 5.85786 18 10Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <span> 3 min.</span>
</div>
</div>
</div>
</div>
<div class="relative bg-neutral-25 pb-11 after:absolute after:bottom-4 after:left-4 after:h-2 after:w-10 after:bg-brand after:block after:mb-0 ">
<img src="/img/blog/thumbnail-1.png" alt="Blog" class="aspect-video object-cover object-center w-full" />
<div class="flex flex-col gap-1.5 pt-4 px-4">
<h3 class="h6">Gluconate de zinc : bienfaits et pouvoir matifiant</h3>
<p class="text-body-sm line-clamp-3">Atténuer les taches liées au vieillissement, c’est l’une des missions de la
Vitamine C. Utilisée sous forme d’Actif Pur, elle renforce les mécanismes de défense de la peau et rend au
visage son éclat naturel.</p>
<div class="flex flex-wrap items-center gap-2.5">
<a href="#" class="
link-sm
link-dark
link-icon
">
<svg class=" shrink-0" width="16" height="16" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M2.25 12.75V12C2.25 10.7574 3.25736 9.75 4.5 9.75H19.5C20.7426 9.75 21.75 10.7574 21.75 12V12.75M13.0607 6.31066L10.9393 4.18934C10.658 3.90804 10.2765 3.75 9.87868 3.75H4.5C3.25736 3.75 2.25 4.75736 2.25 6V18C2.25 19.2426 3.25736 20.25 4.5 20.25H19.5C20.7426 20.25 21.75 19.2426 21.75 18V9C21.75 7.75736 20.7426 6.75 19.5 6.75H14.1213C13.7235 6.75 13.342 6.59197 13.0607 6.31066Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg>
<span class="">Ingredient Spotlight</span>
</a>
<span>|</span>
<div class="flex flex-row gap-1 text-body-xs">
<svg class=" shrink-0" width="16" height="16" stroke="currentColor" stroke-width="1.5" viewBox="0 0 21 20" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M10.5 5V10H14.25M18 10C18 14.1421 14.6421 17.5 10.5 17.5C6.35786 17.5 3 14.1421 3 10C3 5.85786 6.35786 2.5 10.5 2.5C14.6421 2.5 18 5.85786 18 10Z" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> <span> 3 min.</span>
</div>
</div>
</div>
</div>
</div>
<div x-data="pagination()" class="flex items-center gap-2 justify-center">
<button @click="goToPage(currentPage - 1)" :disabled="currentPage === 1" :class="[
size === 'small' ? 'min-h-8 px-2 py-1.5 rounded' : '',
size === 'medium' ? 'min-h-10 px-4 py-2 rounded' : '',
size === 'large' ? 'min-h-12 px-6 py-3 rounded-lg' : ''
]" class="bg-white inline-flex justify-center items-center hover:bg-neutral-25 hover:text-neutral-900">
<svg class=" shrink-0" width="16" height="16" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M10.5 19.5L3 12M3 12L10.5 4.5M3 12H21" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> </button>
<template x-for="page in totalPages" :key="page">
<button @click="goToPage(page)" x-text="page" :class="[
currentPage === page ? 'bg-brand-500' : '',
size === 'small' ? 'min-h-8 min-w-8 py-1.5 rounded text-click-xs' : '',
size === 'medium' ? 'min-h-10 min-w-10 py-2 rounded text-click-sm' : '',
size === 'large' ? 'min-h-12 min-w-12 py-3 rounded-lg text-click-base' : ''
]" class="transition-all inline-flex justify-center items-center hover:bg-brand-200"></button>
</template>
<button @click="goToPage(currentPage + 1)" :disabled="currentPage === totalPages" :class="[
size === 'small' ? 'min-h-8 px-2 py-1.5 rounded' : '',
size === 'medium' ? 'min-h-10 px-4 py-2 rounded' : '',
size === 'large' ? 'min-h-12 px-6 py-3 rounded-lg' : ''
]" class="bg-white inline-flex justify-center items-center hover:bg-neutral-25 hover:text-neutral-900">
<svg class=" shrink-0" width="16" height="16" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" stroke="currentColor" stroke-width="1.5" fill="none" />
</svg> </button>
</div>
<script>
function pagination() {
return {
currentPage: 1,
totalPages: 8,
size: 'small',
goToPage(page) {
if (page >= 1 && page <= this.totalPages) {
this.currentPage = page;
}
}
}
}
</script>
</section>
{% render "@blog-list-posts" with {
showHeader: false,
articles: [
{
title: 'Gluconate de zinc : bienfaits et pouvoir matifiant',
img: {
src: '/img/blog/img.png'
}
},
{
title: 'Vieillissement de la peau du visage : nos astuces à partir de 40 ans',
img: {
src: '/img/blog/thumbnail-2.png'
}
},
{
title: 'Gluconate de zinc : bienfaits et pouvoir matifiant',
img: {
src: '/img/blog/thumbnail-1.png'
}
},
{
title: 'Gluconate de zinc : bienfaits et pouvoir matifiant',
img: {
src: '/img/blog/thumbnail-2.png'
}
},
{
title: 'Vieillissement de la peau du visage : nos astuces à partir de 40 ans',
img: {
src: '/img/blog/img.png'
}
},
{
title: 'Gluconate de zinc : bienfaits et pouvoir matifiant',
img: {
src: '/img/blog/thumbnail-1.png'
}
},
{
title: 'Gluconate de zinc : bienfaits et pouvoir matifiant',
img: {
src: '/img/blog/img.png'
}
},
{
title: 'Vieillissement de la peau du visage : nos astuces à partir de 40 ans',
img: {
src: '/img/blog/thumbnail-2.png'
}
},
{
title: 'Gluconate de zinc : bienfaits et pouvoir matifiant',
img: {
src: '/img/blog/thumbnail-1.png'
}
}
]
} %}
/* No context defined. */
No notes defined.