templates/accueil/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  4.     <main class="main pages">
  5.         <div class="page-header breadcrumb-wrap">
  6.             <div class="container">
  7.                 <div class="breadcrumb">
  8.                     <a href="{{ path('app_accueil') }}" rel="nofollow"><i class="fi-rs-home mr-5"></i>Accueil</a>
  9.                     <span></span> Contact
  10.                 </div>
  11.             </div>
  12.         </div>
  13.         <div class="page-content pt-50">
  15.             <div class="container">
  16.                 <div class="row">
  17.                     <div class="col-xl-10 col-lg-12 m-auto">
  18.                         <section class="mb-50">
  20.                             <div class="row">
  21.                                 <div class="col-xl-8">
  22.                                     <div class="contact-from-area padding-20-row-col">
  23.                                         <h5 class="text-brand mb-10">Formulaire de contact</h5>
  24.                                         <h2 class="mb-10">Écrivez-nous</h2>
  25.                                         <p class="text-muted mb-30 font-sm">Votre adresse email ne sera pas publiée. Les
  26.                                             champs requis sont indiqués *</p>
  27.                                         <form class="contact-form-style mt-30" id="contact-form" action="#"
  28.                                               method="post">
  29.                                             <div class="row">
  30.                                                 <div class="col-lg-6 col-md-6">
  31.                                                     <div class="input-style mb-20">
  32.                                                         <input name="name" placeholder="Nom et prénom" type="text"/>
  33.                                                     </div>
  34.                                                 </div>
  35.                                                 <div class="col-lg-6 col-md-6">
  36.                                                     <div class="input-style mb-20">
  37.                                                         <input name="email" placeholder="Votre mail" type="email"/>
  38.                                                     </div>
  39.                                                 </div>
  40.                                                 <div class="col-lg-6 col-md-6">
  41.                                                     <div class="input-style mb-20">
  42.                                                         <input name="telephone" placeholder="Your Phone" type="tel"/>
  43.                                                     </div>
  44.                                                 </div>
  45.                                                 <div class="col-lg-6 col-md-6">
  46.                                                     <div class="input-style mb-20">
  47.                                                         <input name="subject" placeholder="Sujet" type="text"/>
  48.                                                     </div>
  49.                                                 </div>
  50.                                                 <div class="col-lg-12 col-md-12">
  51.                                                     <div class="textarea-style mb-30">
  52.                                                         <textarea name="message" placeholder="Message"></textarea>
  53.                                                     </div>
  54.                                                     <button class="submit submit-auto-width" type="submit">Envoyer
  55.                                                     </button>
  56.                                                 </div>
  57.                                             </div>
  58.                                         </form>
  59.                                         <p class="form-messege"></p>
  60.                                     </div>
  61.                                 </div>
  62.                                 <div class="col-lg-4 pl-50 d-lg-block d-none">
  63.                                     <div>
  64.                                         <h4 class="mb-15 text-brand">UCCTM DOGBO</h4>
  65.                                         Bénin/Mono/Lokossa/Dogbo .<br/>
  66.                                         <abbr title="Phone">Phone:</abbr> +229 66 66 22 38<br/>
  67.                                         <abbr title="Email">Email: </abbr>  contac@ucctmdogbo.bj <br/>
  68.                                         {# <a class="btn btn-sm font-weight-bold text-white mt-20 border-radius-5 btn-shadow-brand hover-up"><i class="fi-rs-marker mr-5"></i>View map</a> #}
  69.                                     </div>
  70.                                     <img class="border-radius-15 mt-50" src="assets/imgs/page/contact-2.png" alt=""/>
  71.                                 </div>
  72.                             </div>
  73.                         </section>
  74.                     </div>
  75.                 </div>
  76.             </div>
  77.         </div>
  78.     </main>
  79. {% endblock %}