Open - Voir le template
Ouvert actuellement
Ouvert jusqu'à 20h
1511 Route de Toulouse
32000 AUCH
32000 AUCH
<div class="bg-white md:max-w-[420px]">
<div class="flex gap-5 md:gap-13 justify-between items-baseline py-6.25 px-5">
<div class="flex gap-3.5 items-start">
<div class="pt-[3px]"><i class="bg-success block w-4 h-4 rounded-full"></i></div>
<div>
<div class="font-semibold text-smaller leading-4.5">Ouvert actuellement</div>
<div class="text-xxs text-text-light mt-1.25">Ouvert jusqu'à 20h</div>
</div>
</div>
<div class="text-right leading-3.75">
<a class="link underline text-xxs text-text-light hover:text-primary-accent" href="#">Voir les horaires par services</a>
</div>
</div>
<hr class="border-t border-text opacity-20">
<div class="py-6.25 px-5">
<div class="flex gap-3.5">
<div><?= icon('pinpoint', 'text-primary-accent'); ?></div>
<div class="text-text-light text-smaller">
<div>1511 Route de Toulouse<br>32000 AUCH</div>
<div>
<a class="link font-semibold text-text hover:text-primary-accent" href="tel:+33562601030">05 62 60 10 30</a><br>
<a class="link hover:text-primary-accent" href="mailto:serviceclient@tressol-chabrier.com">serviceclient@tressol-chabrier.com</a>
</div>
</div>
</div>
</div>
</div>
Close - Voir le template
Fermé actuellement
Ouvre demain à 9h
1511 Route de Toulouse
32000 AUCH
32000 AUCH
<div class="bg-white md:max-w-[420px]">
<div class="flex gap-5 md:gap-13 justify-between items-baseline py-6.25 px-5">
<div class="flex gap-3.5 items-start">
<div class="pt-[3px]"><i class="bg-error block w-4 h-4 rounded-full"></i></div>
<div>
<div class="font-semibold text-smaller leading-4.5">Fermé actuellement</div>
<div class="text-xxs text-text-light mt-1.25">Ouvre demain à 9h</div>
</div>
</div>
<div class="text-right leading-3.75">
<a class="link underline text-xxs text-text-light hover:text-primary-accent" href="#">Voir les horaires par services</a>
</div>
</div>
<hr class="border-t border-text opacity-20">
<div class="py-6.25 px-5">
<div class="flex gap-3.5">
<div><?= icon('pinpoint', 'text-primary-accent'); ?></div>
<div class="text-text-light text-smaller">
<div>1511 Route de Toulouse<br>32000 AUCH</div>
<div>
<a class="link font-semibold text-text hover:text-primary-accent" href="tel:+33562601030">05 62 60 10 30</a><br>
<a class="link hover:text-primary-accent" href="mailto:serviceclient@tressol-chabrier.com">serviceclient@tressol-chabrier.com</a>
</div>
</div>
</div>
</div>
</div>
Map Tooltip - Voir le template
<div class="bg-white md:max-w-[354px] rounded-button shadow-submenu">
<div class="flex gap-2.5 items-center justify-between pl-6">
<span class="text-xl font-semibold tracking-tightened">Peugeot Auch</span>
<button class="link px-6 py-7 text-primary-accent hover:text-secondary"><?= icon('close', 'w-3.25'); ?></button>
</div>
<div class="py-6.25 px-6">
<div class="flex gap-3.5 items-start">
<div class="pt-[3px]"><i class="bg-success block w-4 h-4 rounded-full"></i></div>
<div>
<div class="font-semibold text-smaller leading-4.5">Ouvert actuellement</div>
<div class="text-xs text-text-light mt-1.25">Ouvert jusqu'à 20h</div>
</div>
</div>
<div class="flex gap-3.5 mt-5">
<div><?= icon('pinpoint', 'text-text w-4'); ?></div>
<div class="text-text-light text-smaller">
<div>1511 Route de Toulouse<br>32000 AUCH</div>
<div class="mt-2.5">
<a class="link font-semibold text-primary-accent hover:text-secondary" href="tel:+33562601030">05 62 60 10 30</a><br>
<a class="link hover:text-primary-accent" href="mailto:serviceclient@tressol-chabrier.com">serviceclient@tressol-chabrier.com</a>
</div>
</div>
</div>
<a href="#" class="link underline text-text-light hover:text-primary-accent text-xs inline-block mt-6">Voir la concession</a>
</div>
</div>