templates/__front__pages/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base_front.html.twig' %}
  2. {% block title %} {{ "contact"|trans }}{% endblock %}
  3. {% block stylesheets %}
  4.     {{ parent() }}
  5. {% endblock %}
  6. {% block body %}
  7.     <section id="page-title" style="background-color: #FFF; padding: 1rem 0;">
  8.         <div class="container clearfix">
  9.             <h2>{{ "contact"|trans }}</h2>
  10.             <ol class="breadcrumb">
  11.                 <li class="breadcrumb-item"><a href="#">{{ 'Accueil' | trans }}</a></li>
  12.                 <li class="breadcrumb-item active" aria-current="page">{{ "contact"|trans }}</li>
  13.             </ol>
  14.         </div>
  15.     </section>
  16.     <div class="tabs advanced-real-estate-tabs clearfix">
  17.         <div class="container clearfix">
  18.             <ul class="tab-nav clearfix" style="padding: 0px;">
  19.                 <li>
  20.                     <a href="#tab-properties" data-scrollto="#tab-properties"
  21.                        data-offset="133">{{ "contact"|trans }}</a>
  22.                 </li>
  23.             </ul>
  24.         </div>
  25.     </div>
  26.     <br/>
  27.     <div class="tabs advanced-real-estate-tabs clearfix">
  28.         <div class="container clearfix">
  29.             <div class="table-responsive">
  30.                 <section class="mb-4">
  31.                     <h2 class="h1-responsive font-weight-bold text-center my-4">{{ "contact"|trans }}</h2>
  32.                     <p class="text-center w-responsive mx-auto mb-5">{{ 'desc-contact' | trans }}</p>
  33.                     <div class="row">
  34.                         <div class="col-md-9 mb-md-0 mb-5">
  35.                             <form id="contact-form" name="contact-form" action="#" method="POST">
  36.                                 <div class="row">
  37.                                     <div class="col-md-6">
  38.                                         <div class="md-form mb-0">
  39.                                             <input type="text" id="name" name="name" class="form-control">
  40.                                             <label for="name">{{ 'Nom' | trans }}</label>
  41.                                         </div>
  42.                                     </div>
  43.                                     <div class="col-md-6">
  44.                                         <div class="md-form mb-0">
  45.                                             <input type="text" id="email" name="email" class="form-control">
  46.                                             <label for="email">{{ 'email' | trans }}</label>
  47.                                         </div>
  48.                                     </div>
  49.                                 </div>
  50.                                 <div class="row">
  51.                                     <div class="col-md-12">
  52.                                         <div class="md-form mb-0">
  53.                                             <input type="text" id="subject" name="subject" class="form-control">
  54.                                             <label for="subject">{{ 'sujet' | trans }}</label>
  55.                                         </div>
  56.                                     </div>
  57.                                 </div>
  58.                                 <div class="row">
  59.                                     <div class="col-md-12">
  60.                                         <div class="md-form">
  61.                                             <textarea type="text" id="message" name="message" rows="4"
  62.                                                       class="form-control md-textarea"></textarea>
  63.                                             <label for="message">{{ 'votre-message' | trans }}</label>
  64.                                         </div>
  65.                                     </div>
  66.                                 </div>
  67.                             </form>
  68.                             <div class="text-center text-md-left">
  69.                                 <a class="btn btn-primary">{{ 'envoyer' | trans }}</a>
  70.                             </div>
  71.                             <div class="status"></div>
  72.                         </div>
  73.                         <div class="col-md-3 text-center">
  74.                             <ul class="list-unstyled mb-0">
  75.                                 <li><i class="icon-map-marker"></i>
  76.                                     <p>{{ 'Cité administrative, rue du développement, Cité El Khadra, 1003 Tunis' | trans }}</p>
  77.                                 </li>
  78.                                 <li><i class="icon-phone"></i>
  79.                                     <p>{{ '+ 216 70 243 947' | trans }}</p>
  80.                                 </li>
  81.                                 <li><i class="icon-mail"></i>
  82.                                     <p>{{ 'ipapd.ptf@minal.state.tn' | trans }}</p>
  83.                                 </li>
  84.                             </ul>
  85.                         </div>
  86.                     </div>
  87.                 </section>
  88.             </div>
  89.             <br/><br/>
  90.         </div>
  91.     </div>
  92. {% endblock %}
  93. {% block javascripts %}
  94.     {{ parent() }}
  95. {% endblock %}