templates/default/contact.html.twig line 1

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