Files
mms43/content/pages/benevoles/index.md
Arnaud Delcasse f72ec6bd9d
All checks were successful
Publish To Prod / deploy_and_publish (push) Successful in 1m54s
Modifs Amandine
2025-05-18 22:30:55 +02:00

39 lines
1.7 KiB
Markdown
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
+++
date = '2025-01-19T15:15:30+01:00'
draft = false
title = 'Conducteurs solidaires'
[params]
subtitle = 'Je veux contribuer à la mobilité solidaire'
description = 'Comment devenir conducteur ou covoitureur solidaire'
featuredimage = 'images/covoiturage.svg'
+++
<div class=" m-auto max-w-200">
<h1 class="text-4xl text-center text-mms-nightblue font-bold">Je souhaite contribuer<br />à la mobilité solidaire</h1>
<p class="p-5 m-auto text-ms">Vous habitez sur larrondissement Yssingeaux / Monistrol (44 communes de la Jeune Loire) : <span class="font-bold text-mms-darkgray">devenez conducteur solidaire</span>.</p>
<p class="p-5 m-auto ">2 types de déplacements :</p>
<div class="grid grid-cols-1 sm:grid-cols-2">
<div class="p-5">
<h2 class="text-xl text-mms-nightblue">Covoiturage solidaire</h2>
Proposez une ou plusieurs places dans votre véhicule pour partager vos trajets.</div>
<div class="p-5">
<h2 class="text-xl text-mms-nightblue">Transport solidaire</h2>
Offrez votre temps pour un aller-retour à une personne sans solution de transport.</div>
</div>
<p class="p-5 m-auto ">Votre soutien est essentiel au succès de ce service. Ensemble, nous pouvons faire la différence !</p>
<p class="p-5 m-auto ">Rejoignez dès maintenant la communauté solidaire en Haute-Loire.</p>
<div class="m-auto mt-10 text-center">
<a href="Depliant_Covoiturage.pdf">
<button type="button" class="relative inline-flex items-center gap-x-1.5 rounded-lg bg-mms-orange px-3 py-2 text-lg font-semibold text-white shadow-xs hover:bg-mms-darkgray focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mms-nightblue">
Télécharger le dépliant d'information
</button>
</a>
</div>
</div>