templates/default/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block body %}
  3. <!-- ░░░ Navigation ░░░ -->
  4.   {{include('section/nav.html.twig')}}
  5. {# ░░░ HERO IMAGE ░░░ #}
  6. <section class="contact-hero">
  7.     <img src="{{ asset('img/bg/bg-contact-1.png') }}" class="img-fluid w-100" alt="Bannière contact">
  8. </section>
  9. {# ░░░ CONTACT MAIN ░░░ #}
  10. <section class="contact-main py-5">
  11.     <div class="container">
  12.         <h2 class="text-center text-acti-blue fw-bold mb-2">Contactez&nbsp;Nous</h2>
  13.         <p class="text-center small text-muted mb-5">Notre équipe est à votre écoute pour vous accompagner et répondre à toutes vos demandes.</p>
  14.         <div class="row g-5">
  15.             {# ——— COLONNE GAUCHE : infos & carte ——— #}
  16.             <div class="col-md-5">
  17.                 <h5 class="fw-bold">Adresse</h5>
  18.                 <p class="mb-4">ZI Cocotte Canal,<br>97224 Ducos<br>Martinique</p>
  19.                 <h5 class="fw-bold">Contact</h5>
  20.                 <p class="mb-3">0596 56 25 20<br>contact@actiprotection.fr</p>
  21.                 <div class="ratio ratio-4x3 shadow-sm rounded overflow-hidden">
  22.                     <iframe src="https://www.google.com/maps/embed?pb=!1m18..." allowfullscreen loading="lazy"></iframe>
  23.                 </div>
  24.             </div>
  25.             {# ——— COLONNE DROITE : formulaire ——— #}
  26.             <div class="col-md-7">
  27.                 <form action="{#{ path('app_contact_submit') }#}" method="post" class="contact-form">
  28.                     <div class="mb-3">
  29.                         <label for="name" class="form-label small">Votre nom <span class="text-danger">*</span></label>
  30.                         <input type="text" id="name" name="name" class="form-control" required>
  31.                     </div>
  32.                     <div class="mb-3">
  33.                         <label for="email" class="form-label small">Votre e‑mail <span class="text-danger">*</span></label>
  34.                         <input type="email" id="email" name="email" class="form-control" required>
  35.                     </div>
  36.                     <div class="mb-3">
  37.                         <label for="subject" class="form-label small">Objet de votre demande</label>
  38.                         <input type="text" id="subject" name="subject" class="form-control">
  39.                     </div>
  40.                     <div class="mb-4">
  41.                         <label for="message" class="form-label small">Votre message</label>
  42.                         <textarea id="message" name="message" rows="6" class="form-control" required></textarea>
  43.                     </div>
  44.                     <button type="submit" class="btn btn-primary px-5">Envoyer</button>
  45.                 </form>
  46.             </div>
  47.         </div>
  48.     </div>
  49. </section>
  50. <!-- ░░░ FOOTER ░░░ -->
  51.   {{include('section/footer.html.twig')}}
  52. {% endblock %}