templates/front/default/entretien-meca-repa.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}VSM Entretien Réparation{% endblock %}
  5. {% block body %}
  7. {{ include('front/navbar.html.twig') }}
  9. <main>
  10.     {{ include('front/section-principal.html.twig') }}
  11. {#
  12.     {{ include('front/section/button-fixed-tel.html.twig') }}
  13. #}
  14.     <section class="avantage">
  15.         <div class="item">
  16.             <img src="images/icon/groupe.svg" style="max-width: 100px">
  17.             <p>
  18.                 Clients Chaque Année
  19.             </p>
  20.             <strong>
  21.                 18 000
  22.             </strong>
  23.         </div>
  24.         <div class="item">
  25.             <img src="images/icon/voiture.svg" style="max-width: 100px">
  26.             <p>
  27.             Centres Automobile
  28.             </p>
  29.             <strong>
  30.                 6
  31.             </strong>
  32.         </div>
  33.         <div class="item">
  34.             <img src="images/icon/pouce.svg" style="max-width: 67px">
  35.             <p>
  36.                 Taux de Satisfaction
  37.             </p>
  38.             <strong>
  39.                 92%
  40.             </strong>
  41.         </div>
  43.     </section>
  44.     <section style="background-color: #F1F1F1;padding:8px 10px;">
  45.         <div class="flex-box section-entretien-meca">
  46.             <div class="flex-box section-entretien-meca-para" >
  47.                 <h3 style="font-weight: 700;font-size: 40px;border-bottom: 8px solid #AF0202;padding-bottom: 10px;">
  48.                     L'entretien <font color="#AF0202">mécanique </font>  et <font color="#AF0202">réparation</font>
  49.                 </h3>
  50.                 <span class="flex-box" style="align-items: center;">
  51.                             <p style="font-size: 14px;color: black;margin: 0;"> Nous sommes en mesure d’intervenir sur toutes les gammes de véhicules, électriques et hybrides.
  52.                             </p>
  53.                         </span><br>
  54.                 <span class="flex-box hoverrouge" style="align-items: center;">
  55.                             <p style="font-size: 14px;color: black;margin: 0;"> Nos mécaniciens qualifiés assurent l’entretien et le bon fonctionnement de tous vos véhicules. Ils effectuent pour cela une révision complète, recherchent et réparent les éventuelles pannes, réalisent la vidange et s’occupent du remplacement de pièces détachées. Au besoin, nous pouvons même intervenir sur la carrosserie.
  56.                             </p>
  57.                         </span>
  58.                 <a href="{{ path('rdv') }}" class="button-navbar" style="margin-top: 10px">
  59.                     <button>
  60.                         <span style="font-weight: 600;font-size: 16px;">
  61.                         Prendre RDV pour votre prochaine révision
  62.                     </span>
  63.                     </button>
  64.                 </a>
  66.             </div>
  67.             <div class="mobile-image-presentation-mecanique">
  68.                 <img src="images/presentation-mecanique.jpeg">
  69.             </div>
  70.         </div>
  71.     </section>
  72.     <section>
  73.         <h2 class="prestation-title">VSM en 1 minute</h2>
  74.         <div class="presentation-vsm">
  75.             <div class="presentation-vsm-video">
  76.                 <video controls>
  77.                     <source src="video/presentation-vsm.mp4" type="video/mp4">
  78.                 </video>
  80.             </div>
  81.             <div class="presentation-vsm-detail">
  82.                 <div class="flex-box" style="margin-bottom: 40px">
  84.                     <img src="images/icon/loupe.svg" width="80px" height="auto" style="margin-right: 20px">
  86.                     <div style="max-width: 450px;">
  87.                         <h3 style="margin: 8px 0;">
  88.                             Transparence
  89.                         </h3>
  90.                         <p style="margin: 0;">
  91.                             Suivez vos travaux à distance en temps réel par photo et vidéo. Demandez également la restitution de vos anciennes pièces remplacées.
  92.                         </p>
  93.                     </div>
  94.                 </div>
  95.                 <div class="flex-box" style="margin-bottom: 40px">
  97.                     <img src="images/icon/Group-2.svg" width="80px" height="auto" style="margin-right: 20px">
  100.                     <div style="max-width: 450px;">
  101.                         <h3 style="margin: 8px 0;">
  102.                             Prix
  103.                         </h3>
  104.                         <p style="margin: 0;">
  105.                             Grossiste de pièces , nous avons supprimé un intermédiaire pour réduire la facture de nos clients .
  106.                         </p>
  107.                     </div>
  108.                 </div>
  109.                 <div class="flex-box">
  111.                     <img src="images/icon/Group-1.svg" width="80px" height="auto" style="margin-right: 20px">
  114.                     <div>
  115.                         <h3 style="margin: 8px 0;">
  116.                             Satisfaction client
  118.                         </h3>
  119.                         <p style="margin: 0;">
  120.                             Plus de 18 000 clients satisfaits chaque année .
  123.                         </p>
  124.                     </div>
  125.                 </div>
  126.             </div>
  128.         </div>
  131.     </section>
  132.     <section class="prestation" style="margin-top: 50px;padding-bottom: 40px;" id="prestationall">
  133.         <h2 class="prestation-title">Les prestations d'entretien et de réparations</h2>
  134.         <p class="prestation-paraph">L'entretien de votre voiture n'a jamais été aussi simple avec VSM ! Retrouvez l'ensemble des interventions disponibles sur notre site avec des remises pouvant atteindre jusqu'à -80% pour un budget auto maîtrisé.</p>
  135.         <div class="container">
  137.             <div class="prestation-item"> {#---#}
  138.                 <a href="{{ path('rdv') }}">
  139.                     <div class="prestation-image">
  140.                         <img src="images/revision.png">
  141.                     </div>
  142.                     <div class="prestation-item-title">
  143.                         <h3>
  144.                             RÉVISION / VIDANGE
  145.                         </h3>
  146.                         <p>
  147.                             à partir de 69 €
  148.                         </p>
  149.                     </div>
  150.                     <div class="prestation-item-carateristique">
  151.                         <div class="flex-box prestation-item-carateristique-item">
  152.                             <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  153.                             <p>Vidange et remplacement huile</p>
  154.                         </div>
  155.                         <div class="flex-box prestation-item-carateristique-item" >
  156.                             <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  157.                             <p>Joint bouchon vidange</p>
  158.                         </div>
  159.                         <div class="flex-box prestation-item-carateristique-item" >
  160.                             <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  161.                             <p>Changement filtre à huile</p>
  162.                         </div>
  163.                         <div class="flex-box prestation-item-carateristique-item" >
  164.                             <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  165.                             <p>Changement filtre à air</p>
  166.                         </div>
  167.                         <div class="flex-box prestation-item-carateristique-item" >
  168.                             <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  169.                             <p>Remplacement filtre à gasoil (diesel) ou bougies allumage (essence)</p>
  170.                         </div>
  171.                         <div class="flex-box prestation-item-carateristique-item">
  172.                             <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  173.                             <p>Contrôles : éclairage, disques, plaquettes, suspensions, rotules, roulements, pneus (état et pression)</p>
  174.                         </div>
  175.                         <div class="flex-box prestation-item-carateristique-item" >
  176.                             <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  177.                             <p>Mises à niveau lave-glace, liquide de refroidissement, pression des pneus</p>
  178.                         </div>
  179.                         <div class="flex-box prestation-item-carateristique-item" >
  180.                             <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  181.                             <p>Contrôle du véhicule et remise à zéro du témoin d'entretien</p>
  182.                         </div>
  184.                     </div>
  185.                 </a>
  186.             </div>
  188.             <div class="prestation-item">  {#---#}
  189.                 <a href="{{ path('rdv') }}">
  190.                     <div class="prestation-image">
  191.                         <img src="images/courroie.png">
  192.                     </div>
  193.                     <div class="prestation-item-title">
  194.                         <h3>
  195.                             COURROIE DE DISTRIBUTION
  197.                         </h3>
  198.                         <p>
  199.                             à partir de 399 €
  200.                         </p>
  201.                     </div>
  202.                     <div class="prestation-item-carateristique">
  203.                         <div class="flex-box prestation-item-carateristique-item">
  204.                             <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  205.                             <p>Remplacement de courroie de distribution</p>
  206.                         </div>
  207.                         <div class="flex-box prestation-item-carateristique-item">
  208.                             <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  209.                             <p>Changement des galets de distribution</p>
  210.                         </div>
  211.                         <div class="flex-box prestation-item-carateristique-item">
  212.                             <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  213.                             <p>Changement de la pompe à eau</p>
  214.                         </div>
  215.                         <div class="flex-box prestation-item-carateristique-item">
  216.                             <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  217.                             <p>Remplacement du liquide de refroidissement</p>
  218.                         </div>
  219.                         <div class="flex-box prestation-item-carateristique-item">
  220.                             <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  221.                             <p>Changement de la courroie d’accessoires</p>
  222.                         </div>
  223.                         <div class="flex-box prestation-item-carateristique-item">
  224.                             <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  225.                             <p>Changement des galets d’accessoires (non compris dans le devis, le garage peut vous conseiller et si besoin vous proposer un devis séparément)</p>
  226.                         </div>
  227.                     </div>
  228.                 </a>
  229.             </div>
  231.             <div class="prestation-item"> {#---#}
  232.                 <a href="{{ path('rdv') }}">
  233.                     <div class="prestation-image">
  234.                         <img src="images/prestation/plaquettefrein.jpg">
  235.                     </div>
  236.                     <div class="prestation-item-title">
  237.                         <h3>
  238.                             PLAQUETTES DE FREINS
  239.                         </h3>
  240.                         <p>
  241.                             à partir de 69 €
  242.                         </p>
  243.                     </div>
  244.                     <div class="prestation-item-carateristique">
  245.                         <div class="flex-box prestation-item-carateristique-item">
  246.                             <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  247.                             <p>Remplacement des plaquettes de freins</p>
  248.                         </div>
  249.                         <div class="flex-box prestation-item-carateristique-item">
  250.                             <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  251.                             <p>Changement des disques</p>
  252.                         </div>
  253.                         <div class="flex-box prestation-item-carateristique-item">
  254.                             <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  255.                             <p>Intervention sur les mâchoires</p>
  256.                         </div>
  257.                     </div>
  258.                 </a>
  259.             </div>
  261.             <div class="prestation-item"> {#---#}
  262.                     <a href="{{ path('rdv') }}">
  263.                         <div class="prestation-image">
  264.                             <img src="images/parallelisme.png">
  265.                         </div>
  266.                         <div class="prestation-item-title">
  267.                             <h3>
  268.                                 PARALLÉLISME
  269.                             </h3>
  270.                             <p>
  271.                                 à partir de 45 €
  272.                             </p>
  273.                         </div>
  274.                         <div class="prestation-item-carateristique">
  275.                             <div class="flex-box prestation-item-carateristique-item">
  276.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  277.                                 <p>Les 2 roues d'un même essieu parallèles</p>
  278.                             </div>
  279.                             <div class="flex-box prestation-item-carateristique-item">
  280.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  281.                                 <p>Les essieux avant et arrière parfaitement alignés</p>
  282.                             </div>
  283.                         </div>
  284.                     </a>
  285.                 </div>
  287.                 <div class="prestation-item"> {#---#}
  288.                     <a href="{{ path('rdv') }}">
  289.                         <div class="prestation-image">
  290.                             <img src="images/prestation/amort.jpg">
  291.                         </div>
  292.                         <div class="prestation-item-title">
  293.                             <h3>
  294.                                 AMORTISSEURES
  295.                             </h3>
  296.                             <p>
  297.                                 à partir de 165 €
  298.                             </p>
  299.                         </div>
  300.                         <div class="prestation-item-carateristique">
  301.                             <div class="flex-box prestation-item-carateristique-item">
  302.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  303.                                 <p>Amortisseurs Avant (ou arrière)</p>
  304.                             </div>
  305.                             <div class="flex-box prestation-item-carateristique-item">
  306.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  307.                                 <p>Coupelles d’amortisseurs Avant (ou arrière)</p>
  308.                             </div>
  309.                         </div>
  310.                     </a>
  311.                 </div>
  313.                 <div class="prestation-item"> {#---#}
  314.                     <a href="{{ path('rdv') }}">
  315.                         <div class="prestation-image">
  316.                             <img src="images/prestation/alternat.jpg">
  317.                         </div>
  318.                         <div class="prestation-item-title">
  319.                             <h3>
  320.                                 ALTERNATEUR / DÉMARREUR
  321.                             </h3>
  322.                             <p>
  323.                                 à partir de 249 €
  324.                             </p>
  325.                         </div>
  326.                         <div class="prestation-item-carateristique">
  327.                             <div class="flex-box prestation-item-carateristique-item">
  328.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  329.                                 <p>Démontage de la batterie, de la courroie d'accessoire et de l'alternateur défectueux.</p>
  330.                             </div>
  331.                             <div class="flex-box prestation-item-carateristique-item">
  332.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  333.                                 <p>Montage : installer le nouvel alternateur, connecter les câbles et branchements électriques, remettre la poulie et contrôler l'alignement avec le galet tendeur, reconnecter les câbles +/- de la batterie.</p>
  334.                             </div>
  335.                             <div class="flex-box prestation-item-carateristique-item">
  336.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  337.                                 <p>Vérification : vérification de la pièce post montage avant la remise en main du véhicule.</p>
  338.                             </div>
  339.                         </div>
  340.                     </a>
  341.                 </div>
  343.                 <div class="prestation-item">
  344.                     <a href="{{ path('rdv') }}">
  345.                         <div class="prestation-image">
  346.                             <img src="images/bg-demarreur.jpeg">
  347.                         </div>
  348.                         <div class="prestation-item-title">
  349.                             <h3>
  350.                                 KIT D'EMBRAYAGE
  351.                             </h3>
  352.                             <p>
  353.                                 à partir de 499 €
  354.                             </p>
  355.                         </div>
  356.                         <div class="prestation-item-carateristique">
  357.                             <div class="flex-box prestation-item-carateristique-item">
  358.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  359.                                 <p>Disque d'embrayage</p>
  360.                             </div>
  361.                             <div class="flex-box prestation-item-carateristique-item">
  362.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  363.                                 <p>Mécanisme d'embrayage
  364.                                 </p>
  365.                             </div>
  366.                             <div class="flex-box prestation-item-carateristique-item">
  367.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  368.                                 <p>Butée d'embrayage
  369.                                 </p>
  370.                             </div>
  371.                             <div class="flex-box prestation-item-carateristique-item">
  372.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  373.                                 <p>Vidange de boîte de vitesse (+ boîte de pont si nécessaire)
  374.                                 </p>
  375.                             </div>
  376.                             <div class="flex-box prestation-item-carateristique-item">
  377.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  378.                                 <p>Bagues de cardan Avant Droit et Avant Gauche
  379.                                 </p>
  380.                             </div>
  381.                             <div class="flex-box prestation-item-carateristique-item">
  382.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  383.                                 <p>Liquide hydraulique (si butée hydraulique)
  384.                                 </p>
  385.                             </div>
  386.                             <div class="flex-box prestation-item-carateristique-item">
  387.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  388.                                 <p>Nettoyant</p>
  389.                             </div>
  390.                         </div>
  391.                     </a>
  392.                 </div>
  395.                 <div class="prestation-item">
  396.                     <a href="{{ path('rdv') }}">
  397.                         <div class="prestation-image">
  398.                             <img src="images/climatisation.jpg">
  399.                         </div>
  400.                         <div class="prestation-item-title">
  401.                             <h3>
  402.                                 RECHARGE CLIMATISATION
  403.                             </h3>
  404.                             <p>
  405.                                 à partir de 42 €
  406.                             </p>
  407.                         </div>
  408.                         <div class="prestation-item-carateristique">
  409.                             <div class="flex-box prestation-item-carateristique-item">
  410.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  411.                                 <p>Recharge clim
  412.                                 </p>
  413.                             </div>
  414.                             <div class="flex-box prestation-item-carateristique-item">
  415.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  416.                                 <p>Traceur</p>
  417.                             </div>
  418.                             <div class="flex-box prestation-item-carateristique-item">
  419.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  420.                                 <p>Traitement antibactérien
  421.                                 </p>
  422.                             </div>
  423.                             <div class="flex-box prestation-item-carateristique-item">
  424.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  425.                                 <p>**Remplacement du filtre d'habitacle** (pollen).
  426.                                 </p>
  427.                             </div>
  428.                         </div>
  429.                     </a>
  430.                 </div>
  432.                 <div class="prestation-item">
  433.                     <a href="{{ path('rdv') }}">
  434.                         <div class="prestation-image">
  435.                             <img src="images/prestation/batterie.jpg">
  436.                         </div>
  437.                         <div class="prestation-item-title">
  438.                             <h3>
  439.                                 BATTERIE
  440.                             </h3>
  441.                             <p>
  442.                                 à partir de 79 €
  443.                             </p>
  444.                         </div>
  445.                         <div class="prestation-item-carateristique">
  446.                             <div class="flex-box prestation-item-carateristique-item">
  447.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  448.                                 <p>Remplacement Batterie</p>
  449.                             </div>
  450.                         </div>
  451.                     </a>
  452.                 </div>
  453.                 <div class="prestation-item">
  454.                     <a href="{{ path('rdv') }}">
  455.                         <div class="prestation-image">
  456.                             <img src="images/prestation/diag.jpg">
  457.                         </div>
  458.                         <div class="prestation-item-title">
  459.                             <h3>
  460.                                 DIAGNOSTIQUE (OFFERT)
  461.                             </h3>
  462.                             <p>
  463.                                 à partir de 0 €
  464.                             </p>
  465.                         </div>
  466.                     </a>
  467.                 </div>
  471.                 <div class="prestation-item">
  472.                     <a href="{{ path('rdv') }}">
  473.                         <div class="prestation-image">
  474.                             <img src="images/prestation/echa.jpg">
  475.                         </div>
  476.                         <div class="prestation-item-title">
  477.                             <h3>
  478.                                 ECHAPPEMENT
  479.                             </h3>
  480.                             <p>
  481.                                 En savoir plus !
  482.                             </p>
  483.                         </div>
  484.                         <div class="prestation-item-carateristique">
  485.                             <div class="flex-box prestation-item-carateristique-item">
  486.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  487.                                 <p>Le silencieux d'échappement arrière</p>
  488.                             </div>
  489.                             <div class="flex-box prestation-item-carateristique-item">
  490.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  491.                                 <p>les accessoires : colliers de fixation (ou silentblocs de fixation)</p>
  492.                             </div>
  493.                             <div class="flex-box prestation-item-carateristique-item">
  494.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  495.                                 <p>La main d'œuvre pour le démontage / remontage</p>
  496.                             </div>
  497.                         </div>
  498.                     </a>
  499.                 </div>
  504.                 <div class="prestation-item">
  505.                     <a href="{{ path('rdv') }}">
  506.                         <div class="prestation-image">
  507.                             <img src="images/prestation/decali.jpg">
  508.                         </div>
  509.                         <div class="prestation-item-title">
  510.                             <h3>
  511.                                 DÉCALAMINAGE
  512.                             </h3>
  513.                             <p>
  514.                                 à partir de 39 €
  515.                             </p>
  516.                         </div>
  517.                         <div class="prestation-item-carateristique">
  518.                             <div class="flex-box prestation-item-carateristique-item">
  519.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  520.                                 <p>Lutte contre la pollution</p>
  521.                             </div>
  522.                             <div class="flex-box prestation-item-carateristique-item">
  523.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  524.                                 <p>Plus de problème de démarrage</p>
  525.                             </div>
  526.                             <div class="flex-box prestation-item-carateristique-item">
  527.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  528.                                 <p>Amélioration de votre consommation</p>
  529.                             </div>
  530.                             <div class="flex-box prestation-item-carateristique-item">
  531.                                 <iconify-icon icon="carbon:checkmark-filled" style="color: #26d368;" width="20"></iconify-icon>
  532.                                 <p>Plus de fumées noires</p>
  533.                             </div>
  534.                         </div>
  535.                     </a>
  536.                 </div>
  538.         </div>
  539.     </section>
  540.     <section class="position-maps">
  541.         <div class="position-maps-int" >
  542.             <div style="margin-right: 40px;">
  543.                 <img src="images/logo-blanc.png" style="max-width: 300px;">
  544.             </div>
  545.             <div style="max-width: 700px;margin: 0 10px;">
  546.                 <h3 style="color: white;">
  547.                     Retrouvez la concession la plus proche de chez vous parmi nos 6 concessions du réseau Véhicule sur mesure
  548.                 </h3>
  549.                 <a href="{{ path('contact') }}" class="button-navbar">
  550.                     <button>
  551.                         <span style="font-weight: 600;font-size: 16px;">
  552.                             -> Découvrez notre réseau
  553.                         </span>
  554.                     </button>
  555.                 </a>
  556.             </div>
  557.         </div>
  558.     </section>
  559.     {{ include('front/block/satisfaction.html.twig') }}
  560.     {{ include('front/section/partnaires.html.twig') }}
  561. </main>
  563. {{ include('front/footer.html.twig') }}
  564. {% endblock %}