templates/contact/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% set is_home = true %}
  4. {% block title %}Contactez-nous {{ parent() }}{% endblock %}
  6. {% block page_title %}{% endblock %}
  7. {% block page_sub_title %}{% endblock %}
  9. {% block page_menu %}
  10. {% endblock %}
  12. {% block notification %}
  14. {% endblock %}
  16. {% block body %}
  17.     {% for message in app.session.flashbag.get('contact_notification_success') %}
  18.         <div class="alert alert-success">
  19.             <i class="fa fa-check"></i>{{ message }}
  20.             <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  21.                 <span aria-hidden="true" class="text-primary">&times;</span>
  22.             </button>
  23.         </div>
  24.     {% endfor %}
  26.     {% for message in app.session.flashbag.get('contact_notification_error') %}
  27.         <div class="alert alert-warning">
  28.             <i class="fa fa-exclamation-triangle"></i>{{ message }}
  29.             <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  30.                 <span aria-hidden="true" class="text-warning">&times;</span>
  31.             </button>
  32.         </div>
  33.     {% endfor %}
  34.     <!--Section: Contact v.2-->
  35.     <section class="mb-4 align-content-center">
  37.         <!--Section heading-->
  38.         <h2 class="h1-responsive font-weight-bold text-center my-4">Contactez-nous</h2>
  39.         <!--Section description-->
  40.         <p class="text-center w-responsive mx-auto mb-5">Vous avez des questions ? N’hésitez pas à nous contacter
  41.             directement.
  42.             Notre équipe vous répondra dans les heures qui viennent pour vous aider.</p>
  44.         <div class="row pl-lg-5">
  46.             <!--Grid column-->
  47.             <div class="col-md-9 mb-md-0 mb-5">
  48.                 {{ form_start(contactForm, {'attr' : {'id' : 'contact-form'}}) }}
  51.                 <!--Grid row-->
  52.                 <div class="row">
  54.                     <!--Grid column-->
  55.                     <div class="col-md-6">
  56.                         <div class="md-form mb-0">
  57.                             {#                                <input type="text" id="name" name="name" class="form-control"> #}
  58.                             {#                                <label for="name" class="">Your name</label> #}
  59.                             {{ form_row(contactForm.name) }}
  60.                         </div>
  61.                     </div>
  62.                     <!--Grid column-->
  64.                     <!--Grid column-->
  65.                     <div class="col-md-6">
  66.                         <div class="md-form mb-0">
  67.                             {{ form_row(contactForm.email) }}
  68.                         </div>
  69.                     </div>
  70.                     <!--Grid column-->
  72.                 </div>
  73.                 <!--Grid row-->
  74.                 <div class="row">
  75.                     <div class="col-md-6">
  76.                         <div class="md-form mb-0">
  77.                             {{ form_row(contactForm.telephone,{'attr': {'style': 'width:100%'}}) }}
  79.                         </div>
  80.                     </div>
  81.                 </div>
  83.                 <!--Grid row-->
  84.                 <div class="row">
  85.                     <div class="col-md-12">
  86.                         <div class="md-form mb-0">
  87.                             {{ form_row(contactForm.subject) }}
  88.                         </div>
  89.                     </div>
  90.                 </div>
  91.                 <!--Grid row-->
  93.                 <!--Grid row-->
  94.                 <div class="row">
  96.                     <!--Grid column-->
  97.                     <div class="col-md-12">
  99.                         <div class="md-form">
  100.                             {{ form_row(contactForm.message) }}
  101.                         </div>
  103.                     </div>
  104.                 </div>
  105.                 <div class="text-center text-md-left">
  106.                     <button class="btn btn-primary-app" type="submit">Envoyez</button>
  107.                 </div>
  108.                 <!--Grid row-->
  109.                 {{ form_end(contactForm) }}
  111.             </div>
  112.             <!--Grid column-->
  114.             <!--Grid column-->
  115.             <div class="col-md-3 text-center">
  116.                 <ul class="list-unstyled mb-0">
  117.                     <li><i class="fa fa-map fa-2x"></i>
  118.                         <p>Kinshasa
  119.                             12, Avenue Mandariniers, Q/ Golf, C/ Gombe/ Kinshasa/ RDC.</p>
  120.                     </li>
  122.                     <li><i class="fa fa-phone mt-4 fa-2x"></i>
  123.                         <p>‪+243 981 110 110‬</p>
  124.                     </li>
  126.                     <li><i class="fa fa-envelope mt-4 fa-2x"></i>
  127.                         <p>[email protected]</p>
  128.                     </li>
  129.                 </ul>
  130.             </div>
  131.             <!--Grid column-->
  133.         </div>
  135.     </section>
  136.     <!--Section: Contact v.2-->
  137. {% endblock %}
  139. {% block javascripts %}
  140.     {{ parent() }}
  142. {% endblock %}