templates/pages/contact.html.twig line 1

Open in your IDE?
  1. {% extends "baseNoFooter.html.twig" %}
  3. {% block title %}Contact - Gerbe{% endblock %}
  5. {% block body %}
  6.     <main role="main">
  7.         <section class="contact">
  8.             <div class="container">
  9.                 <div class="row contact__global">
  10.                     <div class="col-5 contact__global__gauche">
  11.                         <h2 class="white ml-1">
  12.                             Nous retrouver
  13.                         </h2>
  14.                         <div class="contact__global__gauche__responsive">
  15.                             <div>
  16.                                 <div class="row">
  17.                                     <img src="{{ asset('images/icons/mail.svg') }}" alt="pictogramme mail">
  18.                                     <p>sarlgerbe@orange.fr</p>
  19.                                 </div>
  20.                                 <div class="row">
  21.                                     <img src="{{ asset('images/icons/phone.svg') }}" alt="pictogramme mail">
  22.                                     <p>03 86 88 24 61</p>
  23.                                 </div>
  24.                                 <div class="row">
  25.                                     <img src="{{ asset('images/icons/location.svg') }}" alt="pictogramme mail">
  26.                                     <p>
  27.                                         74 route de Genève
  28.                                         <br>
  29.                                         89100 MALAY-LE-PETIT
  30.                                     </p>
  31.                                 </div>
  32.                             </div>
  33.                             <iframe class="ml-1" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2660.72948189779!2d3.387844215620178!3d48.17329477922629!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47ef03436cd640dd%3A0x24e78e0217b63373!2s74%20Rte%20de%20Gen%C3%A8ve%2C%2089100%20Malay-le-Petit!5e0!3m2!1sfr!2sfr!4v1655297525206!5m2!1sfr!2sfr" width="526" height="277" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
  34.                             </iframe>
  35.                         </div>
  36.                         <div class="row mt-2 contact__global__gauche__footer">
  37.                             <p>© Gerbe</p>
  38.                             <p>Mention légales - RGPD</p>
  39.                             <p>
  40.                                 Site réalisé par l'agence <a href="https://beescom.fr/"><span class="Bold">BeesCom</span></a> 
  41.                             </p>
  42.                         </div>
  43.                     </div>
  44.                     <div class="col-7 contact__global__droite">
  45.                         <div class="titre-vert-bordure">
  46.                             <img src="{{ asset('images/icons/picto-stylo-contact.svg') }}" alt="pictogramme de stylo">
  47.                             <h2>Écrivez-nous</h2>
  48.                         </div>
  49.                         <div class="form">
  50.                         <h3>Les champs avec <span class="red">*</span> sont obligatoires</h3>
  51.                             {{ form_start(form) }}
  52.                                 <div class="row justify-content-between">
  53.                                     <div class="col-5">
  54.                                         <div class="row collumn">
  55.                                             {{ form_label(form.firstname) }}
  56.                                             {{ form_widget(form.firstname) }}
  57.                                         </div>
  58.                                     </div>
  59.                                     <div class="col-5">
  60.                                         <div class="row collumn">
  61.                                             {{ form_label(form.lastname) }}
  62.                                             {{ form_widget(form.lastname) }}
  63.                                         </div>
  64.                                     </div>
  65.                                 </div>
  66.                                 <div class="row form__row justify-content-between">
  67.                                     <div class="col-5">
  68.                                         <div class="row collumn">
  69.                                             {{ form_label(form.phone) }}
  70.                                             {{ form_widget(form.phone) }}
  71.                                         </div>
  72.                                     </div>
  73.                                     <div class="col-5">
  74.                                         <div class="row collumn">
  75.                                             {{ form_label(form.email) }}
  76.                                             {{ form_widget(form.email) }}
  77.                                         </div>
  78.                                     </div>
  79.                                 </div>
  80.                                 <div class="row form__row justify-content-between">
  81.                                     <div class="col-5">
  82.                                         <div class="row collumn">
  83.                                             {{ form_label(form.adress) }}
  84.                                             {{ form_widget(form.adress) }}
  85.                                         </div>
  86.                                     </div>
  87.                                     <div class="col-5">
  88.                                         <div class="row collumn">
  89.                                             {{ form_label(form.society) }}
  90.                                             {{ form_widget(form.society) }}
  91.                                         </div>
  92.                                     </div>
  93.                                 </div>
  94.                                 <div class="row form__row">
  95.                                     <div class="col-12">
  96.                                         <div class="row collumn">
  97.                                             {{ form_label(form.message) }}
  98.                                             {{ form_widget(form.message) }}
  99.                                         </div>
  100.                                     </div>
  101.                                 </div>
  102.                                 <div class="row form__row">
  103.                                     <div class="col-12">
  104.                                         <div class="row confidentialite">
  105.                                             {{ form_label(form.confidentialite) }}
  106.                                             {{ form_widget(form.confidentialite) }}
  107.                                         </div>
  108.                                     </div>
  109.                                 </div>
  110.                                 <div class="row justify-content-end form__row">
  111.                                     <input type="submit" value="Envoyer" class="btn btn-vertF">
  112.                                 </div>
  113.                             {{ form_end(form) }}
  114.                         </div>
  115.                     </div>
  116.                 </div>
  117.             </div>
  118.         </section>
  119.     </main>
  120. {% endblock %}