Compléter - Voir le template
Complétez les informations sur votre véhicule
- Rendez-vous en ligne
- 65 concessions près de vous, N marques
- Lorem ipsum dolor
<div class="maa-summary">
<div class="text-lg md:text-2xl tracking-tightened font-semibold leading-[1.2]">Complétez les informations sur votre véhicule</div>
<ul class="hidden md:block pt-7.5 font-medium tracking-tightened">
<li class="flex gap-2.5"><?= icon('label-check-colored', 'w-5.5'); ?> Rendez-vous en ligne</li>
<li class="flex gap-2.5 mt-2.5"><?= icon('label-check-colored', 'w-5.5'); ?> 65 concessions près de vous, N marques</li>
<li class="flex gap-2.5 mt-2.5"><?= icon('label-check-colored', 'w-5.5'); ?> Lorem ipsum dolor</li>
</ul>
</div>
Sélectionner - Voir le template
Sélectionnez un service pour votre intervention
- Rendez-vous en ligne
- 65 concessions près de vous, N marques
- Lorem ipsum dolor
<div class="maa-summary">
<div class="text-lg md:text-2xl tracking-tightened font-semibold leading-[1.2]">Sélectionnez un service pour votre intervention</div>
<ul class="hidden md:block pt-7.5 font-medium tracking-tightened">
<li class="flex gap-2.5"><?= icon('label-check-colored', 'w-5.5'); ?> Rendez-vous en ligne</li>
<li class="flex gap-2.5 mt-2.5"><?= icon('label-check-colored', 'w-5.5'); ?> 65 concessions près de vous, N marques</li>
<li class="flex gap-2.5 mt-2.5"><?= icon('label-check-colored', 'w-5.5'); ?> Lorem ipsum dolor</li>
</ul>
</div>
Choisir service - Voir le template
[Nom intervention], parfait, précisez le type de service
- Rendez-vous en ligne
- 65 concessions près de vous, N marques
- Lorem ipsum dolor
<div class="maa-summary">
<div class="text-lg md:text-2xl tracking-tightened font-semibold leading-[1.2]">[Nom intervention], parfait, précisez le type de service </div>
<ul class="hidden md:block pt-7.5 font-medium tracking-tightened">
<li class="flex gap-2.5"><?= icon('label-check-colored', 'w-5.5'); ?> Rendez-vous en ligne</li>
<li class="flex gap-2.5 mt-2.5"><?= icon('label-check-colored', 'w-5.5'); ?> 65 concessions près de vous, N marques</li>
<li class="flex gap-2.5 mt-2.5"><?= icon('label-check-colored', 'w-5.5'); ?> Lorem ipsum dolor</li>
</ul>
</div>
Sélectionné - Voir le template
Vous avez ajouté une intervention
<div class="maa-summary">
<div class="md:max-w-[326px] text-lg md:text-2xl tracking-tightened font-semibold leading-[1.2] flex items-start gap-4"><?= icon('label-check-colored', 'w-7 mt-1.5'); ?> Vous avez ajouté une intervention</div>
<div class="md:max-w-[326px] mt-5.5 bg-white rounded-button border border-ui flex flex-col items-start p-5 md:p-7.5">
<div class="font-semibold tracking-tightened text-[17px]">Peugeot 3008</div>
<div class="text-text-light font-medium">1.6 BlueHDi120 Active</div>
<hr class="border-t-0 border-b border-ui-border mt-3.75 mb-5.5 w-full">
<div class="bg-ui-light rounded-button pl-3 py-3.75 w-full flex">
<div class="flex-1">
<div class="font-medium text-text-light tracking-tightened flex gap-1.25"><?= icon('ice-cone', 'text-icon mr-1 w-auto h-5'); ?> Service : <span class="font-bold text-text">Climatisation</span></div>
<div class="tracking-tightened font-bold text-text mt-1.75">Recharge climatisation</div>
</div>
<div>
<button class="px-3 py-1"><?= icon('label-suppress-colored', 'w-3.75'); ?></button>
</div>
</div>
</div>
</div>