evol#9614-modifications demandées revue site 2

content/pages/partenaires/index.md

@@ -22,18 +22,47 @@ title = 'Partenaires'
 
 <p class="p-5 m-auto">Parce qu’être mobile, ça s’apprend ! Nous transmettons les connaissances et les compétences nécessaires.</p>
 
-<p class="text-center m-4 text-lg"><span class="text-mms-gray">Accompagnement individuel :</span> une conseillère mobilité vous accompagne pour faire évoluer vos déplacements.</p>
-<p class="text-center m-4 text-lg"><span class="text-mms-gray">Ateliers collectifs :</span> des temps d’échange et d’apprentissage pour découvrir de nouvelles solutions de mobilité adaptées à vos besoins.</p>
-
-<p class="text-center m-4 text-lg"><span class="text-mms-gray">Formations :</span> vélo-école, code et conduite en auto-école sociale</p>
+<div class="flex content-center justify-center">
+    <div class="w-40 h-40">
+        <img src="accompagnement_individuel.svg" class="w-40" />
+    </div>
+    <div><p class="text-left m-4 text-lg"><span class="text-mms-gray">Accompagnement individuel :</span> une conseillère mobilité vous accompagne pour faire évoluer vos déplacements.</p></div>
+</div>
+<div class="flex content-center justify-center">
+    <div class="w-40 h-40">
+        <img src="ateliers_collectifs.svg" class="w-40" />
+    </div>
+    <div><p class="text-left m-4 text-lg"><span class="text-mms-gray">Ateliers collectifs :</span> des temps d’échange et d’apprentissage pour découvrir de nouvelles solutions de mobilité adaptées à vos besoins.</p></div>
+</div>
+<div class="flex content-left justify-center">
+    <div class="w-40">
+        <img src="formations.svg" class="w-40" />
+    </div>
+    <div><p class="text-left m-4 text-lg"><span class="text-mms-gray">Formations :</span> vélo-école, code et conduite en auto-école sociale.</div>
+</div>
 
 <h2 class="text-2xl text-center text-mms-nightblue font-bold">Pouvoir bouger</h2>
 
 <p class="p-5 m-auto">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"><span class="text-mms-gray">Covoiturage et transport solidaire :</span> des moyens pour partager vos trajets tout en créant du lien.</p>
-<p class="text-center m-4 text-lg"><span class="text-mms-gray">Véhicules partagés :</span> mis à disposition pour des trajets ponctuels ou réguliers.</p>
-<p class="text-center m-4 text-lg"><span class="text-mms-gray">Entretien, location, achat d’un véhicule :</span> un accompagnement personnalisé adapté à votre situation.</p>
+<div class="flex content-center justify-center">
+    <div class="w-40 h-40">
+        <img src="covoiturage.svg" class="w-40" />
+    </div>
+    <div><p class="text-left m-4 text-lg"><span class="text-mms-gray">Covoiturage et transport solidaire :</span> des moyens pour partager vos trajets tout en créant du lien.</div>
+</div>
+<div class="flex content-center justify-center">
+    <div class="w-40 h-40">
+        <img src="vehicules_partages.svg" class="w-40" />
+    </div>
+    <div><p class="text-left m-4 text-lg"><span class="text-mms-gray">Véhicules partagés :</span> mis à disposition pour des trajets ponctuels ou réguliers.</div>
+</div>
+<div class="flex content-center justify-center">
+    <div class="w-40 h-40">
+        <img src="entretien_loc.svg" class="w-40" />
+    </div>
+    <div><p class="text-left m-4 text-lg"><span class="text-mms-gray">Entretien, location, achat d’un véhicule :</span> un accompagnement personnalisé adapté à votre situation.</div>
+</div>
 
 </div>
 
@@ -44,11 +73,18 @@ title = 'Partenaires'
 
 <p class="p-5 m-auto">Parce qu’à plusieurs on va plus loin ! Nous co-construisons avec les acteurs locaux et les entreprises des solutions de mobilité innovantes et accessibles adaptées aux besoins des territoires.</p>
 
-<p class="text-center m-4 text-lg text-mms-gray">Sensibilisation aux enjeux de la mobilité durable :</p>
-<p class="px-5 m-auto">Nous vous aidons à intégrer des pratiques responsables et adaptées à votre réalité quotidienne.</p>
-
-<p class="text-center m-4 text-lg text-mms-gray">Accompagnement des acteurs locaux :</p>
-<p class="px-5 m-auto">Nous vous apportons un soutien personnalisé pour vous aider à développer des projets de mobilité répondant à vos besoins et aux spécificités de votre territoire.</p>
+<div class="flex content-center justify-center">
+    <div class="w-40 h-40">
+        <img src="sensibilisation.svg" class="w-40" />
+    </div>
+    <div><p class="text-left m-4 text-lg"><span class="text-mms-gray">Sensibilisation aux enjeux de la mobilité durable :</span> nous vous aidons à intégrer des pratiques responsables et adaptées à votre réalité quotidienne.</div>
+</div>
+<div class="flex content-center justify-center">
+    <div class="w-40 h-40">
+        <img src="accompagnement_acteurs_locaux.svg" class="w-40" />
+    </div>
+    <div><p class="text-left m-4 text-lg"><span class="text-mms-gray">Accompagnement des acteurs locaux :</span> Nous vous apportons un soutien personnalisé pour vous aider à développer des projets de mobilité répondant à vos besoins et aux spécificités de votre territoire.</div>
+</div>
 </div>
 
 </div>
@@ -60,4 +96,6 @@ title = 'Partenaires'
   </a>
 </div>
 
+<p class="p-5 m-auto text-ms">Vous avez des questions, vous souhaitez recevoir de la documentation imprimée à mettre à disposition de vos publics, écrivez-nous.</p>
+
 {{< contact >}}