Modifs Amandine

content/pages/beneficiaires/index.md

@@ -0,0 +1,43 @@
++++
+date = '2025-01-19T15:15:30+01:00'
+draft = false
+title = 'Bénéficiaires'
+
+[params]
+  subtitle = 'J’ai besoin de me déplacer'
+  description = 'Je souhaite découvrir les solutions du territoire et celles que la MMS 43 met à ma disposition'
+  featuredimage = 'images/beneficiaire.svg'
++++
+
+<h1 class="text-4xl text-center text-mms-nightblue font-bold">J'ai besoin de me déplacer</h1>
+
+<p class="p-10 m-auto max-w-200">Vous cherchez des solutions pour vous déplacer ? Vous souhaitez faire évoluer vos pratiques de déplacement ? Contactez-nous.</p>
+
+<div class="grid grid-cols-1 sm:grid-cols-2 mt-10">
+<div>
+<h2 class="text-2xl text-center text-mms-nightblue font-bold">Savoir bouger</h2>
+
+<p class="text-center m-4 text-mms-gray text-xl">Parce qu’être mobile, ça s’apprend !<br /> Nous transmettons les connaissances et les compétences nécessaires.</p>
+
+<p class="text-center m-4 text-lg">Accompagnement individuel</p>
+<p class="text-center m-4 text-lg">Ateliers collectifs</p>
+<p class="text-center m-4 text-lg">Formations</p>
+</div>
+<div class="mt-10 sm:mt-0">
+<h2 class="text-2xl text-center text-mms-nightblue font-bold">Pouvoir bouger</h2>
+
+<p class="text-center m-4 text-mms-gray text-xl">Parce que bouger, c’est bien, mais avec les bons moyens, c’est mieux ! Nous vous apportons des moyens concrets pour vous déplacer.</p>
+
+<p class="text-center m-4 text-lg">Covoiturage et transport solidaire</p>
+<p class="text-center m-4 text-lg">Véhicules partagés</p>
+<p class="text-center m-4 text-lg">Entretien, location, achat d’un véhicule</p>
+</div>
+</div>
+
+<div class="m-auto mt-10 text-center">
+  <a href="Depliant_MMS43_ComGlobale.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>