templates/contact/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}Contactez-nous{% endblock %}
  5. {% block content %}
  6. {% for message in app.flashes('notice') %}
  7.     <div class="alert alert-info">{{ message }}</div>
  8. {% endfor %}
  9. <div class="container">
  10.     <div class="col-md-6 text-center ">
  11.         <h1 class="font-weight-bold text-left p-2">Contactez-nous</h1>
  12.     </div>
  13.     <div data-aos="fade-up">
  14.         <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d164.05602432142808!2d2.3459781049724557!3d48.860186108535224!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e1f413ba07f%3A0xea1764e21defb91a!2sRue%20des%20Halles%2C%2075001%20Paris%2C%20France!5e0!3m2!1sen!2scg!4v1679514469449!5m2!1sen!2scg"
  15.                 width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  16.     </div>
  18.     <div class="row ">
  19.         <div class="col-md-6 text-center ">
  20.             <h1 class="font-weight text-left p-2">Envoyez-nous un message</h1>
  21.         </div>
  22.         <!--Grid column-->
  23.         <div class="col-md-9 mb-md-0 mb-5">
  24.             <form id="contact-form" name="contact-form"  method="POST">
  25.                 <!--Grid row-->
  26.                 <div class="row">
  27.                     <!--Grid column-->
  28.                     <div class="col-md-6">
  29.                         <div class="md-form mb-0">
  30.                             <label for="name" class=""></label>
  31.                             <input type="text" id="name" name="name" class="form-control" placeholder="Nom">
  32.                         </div>
  33.                     </div>
  34.                     <!--Grid column-->
  35.                     <!--Grid column-->
  36.                     <div class="col-md-6">
  37.                         <div class="md-form mb-0">
  38.                             <label for="email" class=""></label>
  39.                             <input type="text" id="email" name="email" class="form-control" placeholder="Email">
  40.                         </div>
  41.                     </div>
  42.                     <!--Grid column-->
  43.                 </div>
  44.                 <!--Grid row-->
  45.                 <!--Grid row-->
  46.                 <div class="row">
  47.                     <div class="col-md-12">
  48.                         <div class="md-form mb-0">
  49.                             <label for="subject" class=""></label>
  50.                             <input type="text" id="subject" name="objet" class="form-control" placeholder="Objet">
  51.                         </div>
  52.                     </div>
  53.                 </div>
  54.                 <!--Grid row-->
  55.                 <!--Grid row-->
  56.                 <div class="row">
  57.                     <!--Grid column-->
  58.                     <div class="col-md-12">
  59.                         <div class="md-form">
  60.                             <label for="message"></label>
  61.                             <textarea type="text" id="message" name="message" rows="2"
  62.                                 class="form-control md-textarea" placeholder="Message"></textarea>
  63.                         </div>
  65.                     </div>
  66.                 </div>
  67.                 <div class="text-center text-md-left p-2" >
  68.                     <button style="margin-left: 300px;" class="btn btn-info">Envoyer</button>
  69.                 </div>
  72.             </form>
  73.         </div>
  74.         <!--Grid column-->
  75.     </div>
  76.     
  77. </div>
  79. {% endblock %}