templates/pages/contact.html.twig line 1

Open in your IDE?
  1. {% extends "frontend.html.twig" %}
  3. {% block main %}
  5.     {# ARIANE #}
  6.     {{ render(controller('App\\Controller\\LibrairieController::afficherAriane', {'menu': menu })) }}
  8.     <!-- Contact Section -->
  9.     <section id="contact" class="contact section">
  10.       <div class="container" data-aos="fade-up" data-aos-delay="100">
  12.         <div class="row gy-4">
  14.           <div class="col-lg-6">
  15.             <div class="info-item d-flex flex-column justify-content-center align-items-center" data-aos="fade-up" data-aos-delay="200">
  16.               <i class="bi bi-geo-alt"></i>
  17.               <h3>Adresse</h3>
  18.               <p>{{ coordonnees.adresse }}</p>
  19.             </div>
  20.           </div>
  21.           <!-- End Info Item -->
  23.           <div class="col-lg-3 col-md-6">
  24.             <div class="info-item d-flex flex-column justify-content-center align-items-center" data-aos="fade-up" data-aos-delay="300">
  25.               <i class="bi bi-telephone"></i>
  26.               <h3>Téléphone</h3>
  27.               <p>{{ coordonnees.telephone }}</p>
  28.             </div>
  29.           </div>
  30.           <!-- End Info Item -->
  32.           <div class="col-lg-3 col-md-6">
  33.             <div class="info-item d-flex flex-column justify-content-center align-items-center" data-aos="fade-up" data-aos-delay="400">
  34.               <i class="bi bi-envelope"></i>
  35.               <h3>Email</h3>
  36.               <p>{{ coordonnees.mail }}</p>
  37.             </div>
  38.           </div>
  39.           <!-- End Info Item -->
  41.         </div>
  43.         <div class="row gy-4 mt-1">
  44.           <div class="col-lg-6" data-aos="fade-up" data-aos-delay="300">
  45.             {# <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d48389.78314118045!2d-74.006138!3d40.710059!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25a22a3bda30d%3A0xb89d1fe6bc499443!2sDowntown%20Conference%20Center!5e0!3m2!1sen!2sus!4v1676961268712!5m2!1sen!2sus" frameborder="0" style="border:0; width: 100%; height: 400px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> #}
  46.             <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3969.476306453083!2d2.310513!3d6.410375!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNsKwNDEnMzQuMyJOIDIsMzEgUQ!5e0!3m2!1sen!2sus!4v1625796405767!5m2!1sen!2sus" frameborder="0" style="border:0; width: 100%; height: 400px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  47.           </div>
  48.           <!-- End Google Maps -->
  50.           <div class="col-lg-6">
  51.             <form action="forms/contact.php" method="post" class="php-email-form" data-aos="fade-up" data-aos-delay="400">
  52.               <div class="row gy-4">
  54.                 <div class="col-md-6">
  55.                   <input type="text" name="name" class="form-control" placeholder="Nom" required="">
  56.                 </div>
  58.                 <div class="col-md-6 ">
  59.                   <input type="email" class="form-control" name="email" placeholder="Adrese mail" required="">
  60.                 </div>
  62.                 <div class="col-md-12">
  63.                   <input type="text" class="form-control" name="subject" placeholder="Sujet" required="">
  64.                 </div>
  66.                 <div class="col-md-12">
  67.                   <textarea class="form-control" name="message" rows="6" placeholder="Message" required=""></textarea>
  68.                 </div>
  70.                 <div class="col-md-12 text-center">
  71.                   <div class="loading">Loading</div>
  72.                   <div class="error-message"></div>
  73.                   <div class="sent-message">Votre message a bien été envoyé. Merci !</div>
  74.                   <button type="submit">Envoyer</button>
  75.                 </div>
  77.               </div>
  78.             </form>
  79.           </div>
  80.           <!-- End Contact Form -->
  82.         </div>
  84.       </div>
  86.     </section>
  88. {% endblock %}