templates/pages/contact.html.twig line 1

  1. {% extends "base.html.twig" %}
  3. {% block title %}Contact - Le Migennois{% endblock %}
  5. {% block body %}
  6.     <main role="main">
  7.         <section class="contact">
  8.             <div class="container">
  9.                 {% for message in app.flashes('success') %}
  10.                 <div class="alert alert-success" role="alert">
  11.                     <p class="title">Succès</p>
  12.                     <p class="message">{{ message }}</p>
  13.                 </div>
  14.                 {% endfor %}
  15.                 <div class="row">
  16.                     <div class="col-8">
  17.                         {{ form_start(form) }}
  18.                         <div class="row">
  19.                             <div class="col-6">
  20.                                 <div class="group-form">
  21.                                     {{ form_label(form.firstname) }}
  22.                                     {{ form_widget(form.firstname) }}
  23.                                 </div>
  24.                             </div>
  25.                             <div class="col-6">
  26.                                 <div class="group-form">
  27.                                     {{ form_label(form.lastname) }}
  28.                                     {{ form_widget(form.lastname) }}
  29.                                 </div>
  30.                             </div>
  31.                         </div>
  32.                         <div class="row">
  33.                             <div class="col-6">
  34.                                 <div class="group-form">
  35.                                     {{ form_label(form.email) }}
  36.                                     {{ form_widget(form.email) }}
  37.                                 </div>
  38.                             </div>
  39.                 
  40.                             <div class="col-6">
  41.                                 <div class="group-form">
  42.                                     {{ form_label(form.phone) }}
  43.                                     {{ form_widget(form.phone) }}
  44.                                 </div>
  45.                             </div>
  46.                         </div>
  47.                         <div class="row">
  48.                             <div class="col-12">
  49.                                 <div class="group-form">
  50.                                     {{ form_label(form.subject) }}
  51.                                     {{ form_widget(form.subject) }}
  52.                                 </div>
  53.                             </div>
  54.                         </div>
  55.                         <div class="row">
  56.                             <div class="col-12">
  57.                                 <div class="group-form">
  58.                                     {{ form_label(form.message) }}
  59.                                     {{ form_widget(form.message) }}
  60.                                 </div>
  61.                             </div>
  62.                         </div>
  63.                         <div class="row justify-content-between">
  64.                             <div class="confidentialite">
  65.                                 <div class="form-check">
  66.                                     {{ form_widget(form.confidentialite) }}
  67.                                     {{ form_label(form.confidentialite) }}
  68.                                 </div>
  69.                             </div>
  70.                             {# <div class="robot">
  71.                                 {{ form_widget(form.captcha) }}
  72.                                 {{ form_errors(form.captcha) }}
  73.                             </div> #}
  74.                             <div class="col-12">
  75.                                 <button type="submit" class="btn btn-yellow submit">Envoyer</button>
  76.                             </div>
  77.                         </div>
  78.                         {{ form_end(form) }}
  79.                     </div>
  80.                     <div class="col-4">
  81.                         <div class="item">
  82.                             <iframe
  83.                                 src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d30221.96753792796!2d3.493888290154084!3d47.96984320195981!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47ee55b3aefc5655%3A0x10a17e75969da8c4!2sCanton%20de%20Migennes%2C%2089400!5e0!3m2!1sfr!2sfr!4v1689942975660!5m2!1sfr!2sfr"
  84.                                 style="border:0;" allowfullscreen="" loading="lazy"
  85.                                 referrerpolicy="no-referrer-when-downgrade">
  86.                             </iframe>
  87.                             <div class="habitant">
  88.                                 <span class="title">Nouvel habitant ?</span>
  89.                                 <span class="nom">Alexia</span>
  90.                                 <span>
  91.                                     <a href="mailto:bienvenue@migennois.fr">bienvenue@migennois.fr</a> ou au 
  92.                                     <a href="tel:+33659393531">06 59 39 35 31</a>
  93.                                 </span>
  94.                             </div>
  95.                             <div class="porteur">
  96.                                 <span class="title">Nouveau porteur de projet ?</span>
  97.                                 <span class="nom">Frédéric</span>
  98.                                 <span>
  99.                                     <a href="mailto:economie@migennois.fr">economie@migennois.fr</a> ou au 
  100.                                     <a href="tel:+33764896242">07 64 89 62 42</a>
  101.                                 </span>
  102.                             </div>
  103.                         </div>
  104.                     </div>
  105.                 </div>
  106.             </div>
  107.         </section>
  108.     </main>
  109. {% endblock %}