templates/front/default/carrosserie-peinture.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}VSM Carrosserie Peinture{% endblock %}
  3. {% block body %}
  4.     {{ include('front/navbar.html.twig') }}
  5.     <main>
  6.         {{ include('front/section-principal.html.twig') }}
  7. {#
  8.         {{ include('front/section/button-fixed-tel.html.twig') }}
  9. #}
  10.         <section class="avantage">
  11.             <div class="item">
  12.                 <img src="images/icon/groupe.svg" style="max-width: 100px">
  13.                 <p>
  14.                     Clients Chaque Année
  15.                 </p>
  16.                 <strong>
  17.                     18 000
  18.                 </strong>
  19.             </div>
  20.             <div class="item">
  21.                 <img src="images/icon/voiture.svg" style="max-width: 100px">
  22.                 <p>
  23.                     Centres Automobile
  24.                 </p>
  25.                 <strong>
  26.                     6
  27.                 </strong>
  28.             </div>
  29.             <div class="item">
  30.                 <img src="images/icon/pouce.svg" style="max-width: 67px">
  31.                 <p>
  32.                     Taux de Satisfaction
  33.                 </p>
  34.                 <strong>
  35.                     92%
  36.                 </strong>
  37.             </div>
  38.         </section>
  39.         <section class="separation">
  40.         </section>
  41.         <section>
  42.             <div class="flex-box section-entretien-meca">
  43.                 <div class="mobile-image-presentation-mecanique mobile-inverse1000">
  44.                     <img src="images/presentation-carrosserie.jpeg">
  45.                 </div>
  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.                         Réparation de <font color="#AF0202">carrosserie </font>
  49.                     </h3>
  50.                     <span class="flex-box" style="align-items: center;">
  51.                             <p style="font-size: 14px;color: black;margin: 0;"> Expert carrossier, VSM prend en charge les réparations de carrosserie de votre voiture, qu'il s'agisse d'un véhicule utilitaire ou de particulier et quelle que soit sa marque.
  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;"> Le garage trouvera les solutions pour réparer les petites rayures ou les impacts plus ou moins importants sur votre véhicule.</p>
  56.                         </span><br>
  57.                     <span class="flex-box hoverrouge" style="align-items: center;">
  58.                             <p style="font-size: 14px;color: black;margin: 0;"> L’atelier fournit des prestations complètes en réparation de carrosserie et peinture automobile.
  59.                             </p>
  60.                         </span>
  61.                     <div class="flex-box">
  62.                         <div>
  63.                             <img src="images/franchise.png" style="max-width: 150px;height: auto;">
  64.                         </div>
  65.                         <a href="{{ path('rdv') }}" class="button-navbar" style="margin-top: 10px">
  66.                             <button>
  67.                                 <span style="font-weight: 600;font-size: 16px;">
  68.                             Prendre Rendez-vous
  69.                         </span>
  70.                             </button>
  71.                         </a>
  72.                     </div>
  73.                 </div>
  74.             </div>
  75.         </section>
  76.         <section>
  77.             <div class="flex-box section-entretien-meca">
  78.                 <div class="flex-box section-entretien-meca-para">
  79.                     <h3 style="font-weight: 700;font-size: 40px;border-bottom: 8px solid #AF0202;padding-bottom: 10px;">
  80.                         Prestations <font color="#AF0202">peintures </font>
  81.                     </h3>
  82.                     <span class="flex-box" style="align-items: center;">
  83.                             <p style="font-size: 14px;color: black;margin: 0;"> L’espace carrosserie et peinture du garage dispose d’un laboratoire et d’une cabine de peinture équipée d'un matériel très performant pour des prestations de qualité et un résultat à la hauteur de vos attentes lorsqu’il s’agit de repeindre une zone endommagée, la totalité de votre véhicule ou pour de la personnalisation totale ou d’accessoires.
  84.                             </p>
  85.                         </span><br>
  86.                     <a href="{{ path('rdv') }}" class="button-navbar" style="margin-top: 10px">
  87.                         <button>
  88.                             <span style="font-weight: 600;font-size: 16px;">
  89.                         Prendre Rendez-vous
  90.                     </span>
  91.                         </button>
  92.                     </a>
  93.                 </div>
  94.                 <div class="mobile-image-presentation-mecanique">
  95.                     <img src="images/presentation-peinture.jpeg">
  96.                 </div>
  97.             </div>
  98.         </section>
  99.         <section class="prestation" style="margin-top: 50px;padding-bottom: 40px;">
  100.             <h2 class="prestation-title">Les prestations d'entretien et de réparations</h2>
  101.             <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>
  102.             <div class="container">
  103.                 <div class="prestation-item">
  104.                     <a href="{{ path('rdv') }}">
  105.                         <div class="prestation-image">
  106.                             <img src="images/prestation-carosserie/bg-phare.jpg">
  107.                         </div>
  108.                         <div class="prestation-item-title">
  109.                             <h3>
  110.                                 RÉNOVATION PHARE
  111.                             </h3>
  112.                             <p>
  113.                                 à partir de 90 €
  114.                             </p>
  115.                         </div>
  116.                     </a>
  117.                 </div>
  118.                 <div class="prestation-item">
  119.                     <a href="{{ path('rdv') }}">
  120.                         <div class="prestation-image">
  121.                             <img src="images/prestation-carosserie/bg-element.jpg">
  122.                         </div>
  123.                         <div class="prestation-item-title">
  124.                             <h3>
  125.                                 ELEMENTS
  126.                             </h3>
  127.                             <p>
  128.                                 à partir de 150 €
  129.                             </p>
  130.                         </div>
  131.                     </a>
  132.                 </div>
  133.                 <div class="prestation-item">
  134.                     <a href="{{ path('rdv') }}">
  135.                         <div class="prestation-image">
  136.                             <img src="images/prestation-carosserie/bg-peinture.jpg">
  137.                         </div>
  138.                         <div class="prestation-item-title">
  139.                             <h3>
  140.                                 PEINTURE COMPLÈTE
  141.                             </h3>
  142.                             <p>
  143.                                 à partir de 999 €
  144.                             </p>
  145.                         </div>
  146.                     </a>
  147.                 </div>
  148.                 <div class="prestation-item">
  149.                     <a href="{{ path('rdv') }}">
  150.                         <div class="prestation-image">
  151.                             <img src="images/prestation-carosserie/bg-lustrage.jpg">
  152.                         </div>
  153.                         <div class="prestation-item-title">
  154.                             <h3>
  155.                                 LUSTRAGE
  156.                             </h3>
  157.                             <p>
  158.                                 à partir de 100 €
  159.                             </p>
  160.                         </div>
  161.                     </a>
  162.                 </div>
  163.                 <div class="prestation-item">
  164.                     <a href="{{ path('rdv') }}">
  165.                         <div class="prestation-image">
  166.                             <img src="images/prestation-carosserie/bg-jante.jpg">
  167.                         </div>
  168.                         <div class="prestation-item-title">
  169.                             <h3>
  170.                                 JANTES
  171.                             </h3>
  172.                             <p>
  173.                                 à partir de 150 €
  174.                             </p>
  175.                         </div>
  176.                     </a>
  177.                 </div>
  178.                 <div class="prestation-item">
  179.                     <a href="{{ path('rdv') }}">
  180.                         <div class="prestation-image">
  181.                             <img src="images/prestation-carosserie/bg-pare-brise.jpg">
  182.                         </div>
  183.                         <div class="prestation-item-title">
  184.                             <h3>
  185.                                 PARE BRISE
  186.                             </h3>
  187.                             <p>
  188.                                 à partir de 0 €
  189.                             </p>
  190.                         </div>
  191.                     </a>
  192.                 </div>
  193.                 <div class="prestation-item">
  194.                     <a href="{{ path('contact') }}">
  195.                         <div class="prestation-image">
  196.                             <img src="images/prestation-carosserie/bg-autre.jpeg">
  197.                         </div>
  198.                         <div class="prestation-item-title">
  199.                             <h3>
  200.                                 AUTRE
  201.                             </h3>
  202.                             <p>
  203.                                 En savoir plus
  204.                             </p>
  205.                         </div>
  206.                     </a>
  207.                 </div>
  208.             </div>
  209.         </section>
  210.         <section class="position-maps">
  211.             <div class="position-maps-int" >
  212.                 <div style="margin-right: 40px;">
  213.                     <img src="images/logo-blanc.png" style="max-width: 300px;">
  214.                 </div>
  215.                 <div style="max-width: 700px;margin: 0 10px;">
  216.                     <h3 style="color: white;">
  217.                         Retrouvez la concession la plus proche de chez vous parmi nos 6 concessions du réseau Véhicule sur mesure
  218.                     </h3>
  219.                     <a href="{{ path('contact') }}" class="button-navbar">
  220.                         <button>
  221.                         <span style="font-weight: 600;font-size: 16px;">
  222.                             -> Découvrez notre réseau
  223.                         </span>
  224.                         </button>
  225.                     </a>
  226.                 </div>
  227.             </div>
  228.         </section>
  229.         {{ include('front/block/satisfaction.html.twig') }}
  230.         {{ include('front/section/partnaires.html.twig') }}
  231.     </main>
  232.     {{ include('front/footer.html.twig') }}
  233. {% endblock %}