Modifs Amandine

content/pages/benevoles/index.md

@@ -0,0 +1,38 @@
++++
+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 l’arrondissement 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>