templates/contact.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block meta %}
  4.     <meta name="description"
  5.           content="Contactez Logia pour obtenir des informations sur votre thème numérologique ou tout autre demande.">
  6. {% endblock %}
  8. {% block title %}Contactez-nous · Logia{% endblock %}
  10. {% block body %}
  11.     <div class="container p-3 p-md-5">
  12.         <div class="row">
  13.             <div class="col-12 col-md-10">
  14.                 <h1>Contactez-nous</h1>
  15.                 <p>
  16.                     Vous pouvez adresser vos demandes et réclamations via ce formulaire de contact.
  17.                 </p>
  18.             </div>
  19.             <div class="d-flex flex-column flex-column
  20.             -reverse flex-md-row justify-content-between align-items-center">
  21.                 <div class="col-12 col-md-5 mb-5 mb-md-0">
  22.                     <form class="form-horizontal" action="{{ path('contact') }}" method="post">
  23.                         <div class="pt-3 mt-5 mb-5">
  24.                             <div class="form-group">
  25.                                 <label for="email" class="pb-3">Email :</label>
  26.                                 <input required class="form-control" type="email" id="email"
  27.                                        name="email">
  28.                                 <label for="subject" class="pb-3 pt-5">Sujet :</label>
  29.                                 <input required class="form-control" type="text" id="subject" name="subject">
  30.                             </div>
  31.                             <div class="form-group">
  32.                                 <label for="message" class="pb-3 pt-5">Message :</label>
  33.                                 <textarea class="form-control" name="message" id="message" rows="7"></textarea>
  34.                             </div>
  35.                         </div>
  36.                         <div class="pt-4 d-flex justify-content-center">
  37.                             <button type="submit"
  38.                                     class="py-3 px-5 btn btn-gold rounded-pill text-beige fw-bold btn-hover-effect">
  39.                                 Envoyer
  40.                             </button>
  41.                         </div>
  42.                     </form>
  43.                 </div>
  44.                 <div class="mt-4 m-md-0 col-10 col-md-6">
  45.                     <dotlottie-player src="https://lottie.host/e9cbc222-a885-4e8a-b5e7-e889d4feca36/LFI4VKOI6x.lottie" background="transparent" speed="1"  loop autoplay></dotlottie-player>
  46.                 </div>
  47.             </div>
  48.         </div>
  49.     </div>
  50. {% endblock %}