+++
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>

<ul class="list-disc ml-16">
    <li>Covoiturage solidaire >> Proposez une ou plusieurs places dans votre véhicule pour partager vos trajets.</li>
    <li>Transport solidaire >> Offrez votre temps pour un aller-retour à une personne sans solution de transport.</li>
</ul>

<!--<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>-->
</div>

<div class="m-10">
    <video controls width="300" class="m-auto">
      <source src="capsule_covoiturage.mp4" type="video/mp4" />
    </video>
</div>

<div class=" m-auto max-w-200">
<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>
  {{< parcoursmob_create_driver >}}
</div>