templates/front/default/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}VSM Contact{% endblock %}
  5. {% block body %}
  7.     {{ include('front/navbar.html.twig') }}
  8.     <main>
  9.         {{ include('front/section-principal.html.twig') }}
  10. {#
  11.         {{ include('front/section/button-fixed-tel.html.twig') }}
  12. #}
  13.         <section class="flex-box section-contact">
  14.             <div class="flex-box section-contact-int">
  15.                 <div class="form-contact">
  16.                     <h3 style="font-weight: 700;font-size: 40px;padding-bottom: 10px;margin-bottom: 8px;">
  17.                         Contact Véhicule Sur Mesure
  18.                     </h3>
  19.                     <div style="border-bottom: 8px solid #AF0202;width: 150px;"></div>
  20.                     <div class="form-contact-block">
  21.                         {{ form_start(form) }}
  22.                         <div class="flex-box form-row" style="flex-direction: column">
  23.                             <div class="lable-form-contact"><iconify-icon icon="bxs:user" style="color: #af0202;" width="20px"></iconify-icon>
  24.                                 {{ form_label(form.nom) }}</div>
  25.                             {{ form_widget(form.nom,{ 'attr': {'class':'form-input'} }) }}
  26.                         </div>
  27.                         <div class="flex-box form-row" style="flex-direction: column">
  28.                             <div class="lable-form-contact"><iconify-icon icon="fe:mail" style="color: #af0202;" width="20"></iconify-icon>
  29.                                 {{ form_label(form.mail) }}</div>
  30.                             {{ form_widget(form.mail,{ 'attr': {'class':'form-input'} }) }}
  31.                         </div>
  32.                         <div class="flex-box form-row" style="flex-direction: column">
  33.                             <div class="lable-form-contact"><iconify-icon icon="bi:telephone-fill" style="color: #af0202;" width="20"></iconify-icon>
  34.                                 {{ form_label(form.telephone) }}</div>
  35.                             {{ form_widget(form.telephone,{ 'attr': {'class':'form-input'} }) }}
  36.                         </div>
  37.                         <div class="flex-box form-row" style="flex-direction: column">
  38.                             <div class="lable-form-contact"><iconify-icon icon="bxs:message" style="color: #af0202;" width="20"></iconify-icon>
  39.                                 {{ form_label(form.message) }}</div>
  40.                             {{ form_widget(form.message,{ 'attr': {'class':'form-input'} }) }}
  41.                         </div>
  42.                         <div class="flex-box form-row" style="flex-direction: column">
  43.                             <div class="lable-form-contact"><iconify-icon icon="bxs:car-garage" style="color: #af0202;" width="20"></iconify-icon>
  44.                                 {{ form_label(form.garage) }}</div>
  45.                             {{ form_widget(form.garage,{ 'attr': {'class':'form-input'} }) }}
  46.                         </div>
  47.                         {{ form_widget(form.save,{'label': 'Envoyer'}) }}
  48.                         {{ form_end(form) }}
  49.                     </div>
  50.                 </div>
  51.                 <div class="section-contact-horaire">
  52.                     <h3 style="font-weight: 700;font-size: 40px;padding-bottom: 10px;margin-bottom: 8px;">
  53.                         Horaire d'ouverture
  54.                     </h3>
  55.                     <div style="border-bottom: 8px solid #AF0202;width: 150px;"></div>
  56.                     <div style="font-size: 18px;">
  57.                     <p>Lundi : <font color="green"> 8:30 - 17:30</font></p>
  58.                     <p>Mardi : <font color="green"> 8:30 - 17:30</font></p>
  59.                     <p>Mercredi : <font color="green"> 8:30 - 17:30</font></p>
  60.                     <p>Jeudi : <font color="green"> 8:30 - 17:30</font></p>
  61.                     <p>Vendredi : <font color="green"> 8:30 - 17:30</font></p>
  62.                     <p>Samedi : <font color="green"> Fermé</font></p>
  63.                     <p>Dimanche : <font color="green"> Fermé</font></p></div>
  64.                 </div>
  65.             </div>
  66.         </section>
  67.         <section class="centre">
  68.             <div class="padding-mobile">
  69.                 <h2 class="prestation-title">Trouvez un garage près de chez vous</h2>
  70.                 <p class="prestation-paraph">VSM le premier réseau de garage digne de confiance . Retrouver la transparence grâce au suivi digitalisé de vos réparations, et nos tarifs imbattable près de chez vous.
  71.             </div>
  74.             </p>
  75.             <div class="container">
  76.                 <div class="centre-item">
  77.                     <a href="">
  78.                         <img src="images/logo-blanc.png">
  79.                         <div class="centre-img-1">
  80.                             {#<img src="images/centre/gennevilliers.jpg">#}
  82.                         </div>
  83.                         <div class="centre-item-title">
  84.                             <h3>
  85.                                 GENNEVILLIERS
  86.                             </h3>
  87.                         </div>
  88.                         <div class="prestation-item-carateristique">
  89.                             <div class="prestation-item-carateristique-centre presentation-vsm-detail">
  90.                                 <p>Adresse : 13 Av. de la Gare, 92230 Gennevilliers</p>
  91.                                 <a href="tel:0179753300" class="button-navbar">
  92.                                     <button>
  93.                                         <span style="font-weight: 600;font-size: 16px;">
  94.                                         01 79 75 33 00
  95.                                         </span>
  96.                                     </button>
  97.                                 </a>
  98.                             </div>
  99.                         </div>
  100.                     </a>
  101.                 </div>
  103.                 <div class="centre-item">
  104.                     <a href="">
  105.                         <img src="images/logo-blanc.png">
  106.                         <div class="centre-img-2">
  107.                             {#<img src="images/centre/sartrouville.jpg">#}
  108.                         </div>
  109.                         <div class="centre-item-title">
  110.                             <h3>
  111.                                 SARTROUVILLE
  112.                             </h3>
  113.                         </div>
  114.                         <div class="prestation-item-carateristique">
  115.                             <div class="prestation-item-carateristique-centre presentation-vsm-detail">
  116.                                 <p>Adresse : 145 Rue Léon Jouhaux, 78500 Sartrouville</p>
  117.                                 <a href="tel:0179753232" class="button-navbar">
  118.                                     <button>
  119.                                         <span style="font-weight: 600;font-size: 16px;">
  120.                                         01 79 75 32 32
  121.                                         </span>
  122.                                     </button>
  123.                                 </a>
  124.                             </div>
  125.                         </div>
  126.                     </a>
  127.                 </div>
  129.                 <div class="centre-item">
  130.                     <a href="">
  131.                         <img src="images/logo-blanc.png">
  132.                         <div class="centre-img-3">
  133.                             {#<img src="images/centre/champigny.jpg">#}
  134.                         </div>
  135.                         <div class="centre-item-title">
  136.                             <h3>
  137.                                 CHAMPIGNY-SUR-MARNE
  138.                             </h3>
  139.                         </div>
  140.                         <div class="prestation-item-carateristique">
  141.                             <div class="prestation-item-carateristique-centre presentation-vsm-detail">
  142.                                 <p>Adresse : 4 Rue Juliette de Wils, 94500 Champigny-sur-Marne</p>
  143.                                 <a href="tel:0179753636" class="button-navbar">
  144.                                     <button>
  145.                                         <span style="font-weight: 600;font-size: 16px;">
  146.                                         01 79 75 36 36
  147.                                         </span>
  148.                                     </button>
  149.                                 </a>
  150.                             </div>
  151.                         </div>
  152.                     </a>
  153.                 </div>
  155.                 <div class="centre-item">
  156.                     <a href="">
  157.                         <img src="images/logo-blanc.png">
  158.                         <div class="centre-img-4">
  159.                             {#<img src="images/centre/chelles.jpg">#}
  160.                         </div>
  161.                         <div class="centre-item-title">
  162.                             <h3>
  163.                                 CHELLES
  164.                             </h3>
  165.                         </div>
  166.                         <div class="prestation-item-carateristique">
  167.                             <div class="prestation-item-carateristique-centre presentation-vsm-detail">
  168.                                 <p>Adresse : 6 Rue du Dr Calmette, 77500 Chelles</p>
  169.                                 <a href="tel:0179753131" class="button-navbar">
  170.                                     <button>
  171.                                         <span style="font-weight: 600;font-size: 16px;">
  172.                                         01 79 75 31 31
  173.                                         </span>
  174.                                     </button>
  175.                                 </a>
  176.                             </div>
  177.                         </div>
  178.                     </a>
  179.                 </div>
  181.                 <div class="centre-item">
  182.                     <a href="">
  183.                         <img src="images/logo-blanc.png">
  184.                         <div class="centre-img-5">
  185.                             {#<img src="images/centre/issy.jpg">#}
  186.                         </div>
  187.                         <div class="centre-item-title">
  188.                             <h3>
  189.                                 ISSY-LES-MOULINEAUX
  190.                             </h3>
  191.                         </div>
  192.                         <div class="prestation-item-carateristique">
  193.                             <div class="prestation-item-carateristique-centre presentation-vsm-detail">
  194.                                 <p>Adresse : 15 Bis Rue Auguste Gervais, 92130 Issy-les-Moulineaux</p>
  195.                                 <a href="tel:0179753838" class="button-navbar">
  196.                                     <button>
  197.                                         <span style="font-weight: 600;font-size: 16px;">
  198.                                         01 79 75 38 38
  199.                                         </span>
  200.                                     </button>
  201.                                 </a>
  202.                             </div>
  203.                         </div>
  205.                     </a>
  206.                 </div>
  208.                 <div class="centre-item">
  209.                     <a href="">
  210.                         <img src="images/logo-blanc.png">
  211.                         <div class="centre-img-6">
  212.                             {#<img src="images/centre/lbm.jpg">#}
  213.                         </div>
  214.                         <div class="centre-item-title">
  215.                             <h3>
  216.                                 LE-BLANC-MESNIL
  217.                             </h3>
  218.                         </div>
  219.                         <div class="prestation-item-carateristique">
  220.                             <div class="prestation-item-carateristique-centre presentation-vsm-detail">
  221.                                 <p>Adresse : 56 Av. du 8 Mai 1945, 93150 Le Blanc-Mesnil</p>
  222.                                 <a href="tel:0179753939" class="button-navbar">
  223.                                     <button>
  224.                                         <span style="font-weight: 600;font-size: 16px;">
  225.                                         01 79 75 39 39
  226.                                         </span>
  227.                                     </button>
  228.                                 </a>
  229.                             </div>
  230.                         </div>
  231.                     </a>
  232.                 </div>
  234.             </div>
  235.             <div class="liste-garage" style="margin-top: 35px">
  236.                 <div class="liste-garage-item">
  237.                     <a href="#">Garage Gennevilliers</a>
  238.                 </div>
  240.                 <div class="liste-garage-item">
  241.                     <a href="#">Garage Sartrouville</a>
  242.                 </div>
  243.                 <div class="liste-garage-item">
  244.                     <a href="#">Garage Le Blanc-Mesnil</a>
  245.                 </div>
  246.                 <div class="liste-garage-item">
  247.                     <a href="#">Garage Chelles</a>
  248.                 </div>
  249.                 <div class="liste-garage-item">
  250.                     <a href="#">Garage Issy-Les-Moulineaux</a>
  251.                 </div>
  252.                 <div class="liste-garage-item">
  253.                     <a href="#">Garage Champingy-sur-marne</a>
  254.                 </div>
  255.             </div>
  257.         </section>
  258.     </main>
  259.     {{ include('front/footer.html.twig') }}
  260. {% endblock %}