templates/contact/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Contactez-nous !{% endblock %}
  5. {% block body %}
  6.     <main class="main">
  7.         <div class="page-header breadcrumb-wrap">
  8.             <div class="container">
  9.                 <div class="breadcrumb">
  10.                     <a href="{{ path('app_home_index') }}" rel="nofollow"><i class="fi-rs-home mr-5"></i>Accueil</a>
  11.                     {% if searchCategorie is defined and searchCategorie is not null%}
  12.                         <span> {{ searchCategorie.libelle }} </span>
  13.                     {% else %}
  14.                         <span> contactez-nous </span>
  15.                     {% endif %}
  16.                 </div>
  17.             </div>
  18.         </div>
  19. <section class="section-padding pb-5">
  20.   <div class="container">
  21.     <div class="row">
  22.         <div class="col-xl-8">
  23.             <div class="contact-from-area padding-20-row-col border-radius-10" style="background-color: #dfe6e9; padding:10px;">
  24.                 <h5 class="text-brand mb-10 text-center"  ><span style="">Contactez-nous</span></h5>
  25.                         {% for message in app.flashes('notification') %}
  26.                                        <div class="alert alert-success alert-dismissible fade show mt-10">
  27.                                             {{ message }}
  28.                                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  29.                                        </div>
  30.                         {% endfor %}
  31.                 <hr/>
  32.                 <form class="contact-form-style mt-30 " id="contact-form"  action="#" method="POST">
  33.                  <input type="hidden" name="token" value="{{ csrf_token('contact') }}"/>
  34.                     <div class="row">
  35.                         <div class="col-lg-6 col-md-6">
  36.                             <div class="input-style mb-20">
  37.                                 <input name="name" placeholder="nom" type="text" style="height: 50px">
  38.                             </div>
  39.                         </div>
  40.                         <div class="col-lg-6 col-md-6">
  41.                             <div class="input-style mb-20">
  42.                                 <input name="email" placeholder="E-mail" type="email" required style="height: 50px">
  43.                             </div>
  44.                         </div>
  45.                         <div class="col-lg-6 col-md-6">
  46.                             <div class="input-style mb-20">
  47.                                 <input name="telephone" placeholder="N° telephone" type="tel" style="height: 50px">
  48.                             </div>
  49.                         </div>
  50.                         <div class="col-lg-6 col-md-6">
  51.                             <div class="input-style mb-20">
  52.                                 <input name="subject" placeholder="Objet" type="text" required style="height: 50px">
  53.                             </div>
  54.                         </div>
  55.                         <div class="col-lg-12 col-md-12">
  56.                             <div class="textarea-style mb-30">
  57.                                 <textarea name="message" placeholder="Message"></textarea>
  58.                             </div>
  59.                             <hr/>
  60.                             <div class="text-end">
  61.                                 <button class="btn btn-sm  ml-10 " style="color: #FFFFFF; background: #006266; border: 2px solid #006266; font-size: medium" type="submit"> Envoyer</button>
  62.                             </div>
  63.                         </div>
  64.                     </div>
  65.                 </form>
  66.                
  67.             </div>
  68.         </div>
  69.         <div class="col-lg-4 pl-10 d-lg-block d-none">
  70.             <img class="border-radius-10 " src="assets/imgs/deals/img-24.jpg" alt="">
  71.         </div>
  72.     </div>
  73.     </div>
  74. </section>
  75. </main>
  76. {% endblock %}