templates/frontend/contact/contact.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block title %}
  4.     {{'contact.contact'|trans([],'contact_page')}}
  5. {% endblock %}
  7. {% block stylesheet %}
  8.     <style>
  9.         .hero_in.contacts:before {
  10.             background: #11a6ba;
  11.             -webkit-background-size: cover;
  12.             -moz-background-size: cover;
  13.             -o-background-size: cover;
  14.             background-size: cover;
  15.         }
  16.         @media (max-width: 767px) {
  17.             .hero_in {
  18.                 height: 200px;
  19.             }
  20.         }
  21.     </style>
  22. {% endblock %}
  24. {% block body %}
  25.     <main>
  26.         <section class="hero_in contacts" style="background-color: #11a6ba !important;">
  27.             <div class="wrapper">
  28.                 <div class="container">
  29.                     <h1 class="fadeInUp"><span></span>{{'contact.contact'|trans([],'contact_page')}}</h1>
  30.                 </div>
  31.             </div>
  32.         </section>
  33.         <!--/hero_in-->
  35.         <div class="contact_info">
  36.             <div class="container">
  37.                 <ul class="clearfix">
  38.                     <li>
  39.                         <i class="pe-7s-map-marker"></i>
  40.                         <h4>{{'contact.adresse'|trans([],'contact_page')}}</h4>
  41.                         <span>{{'contact.city'|trans([],'contact_page')}}<br>{{'contact.country'|trans([],'contact_page')}}.</span>
  42.                     </li>
  43.                     <li>
  44.                         <i class="pe-7s-mail-open-file"></i>
  45.                         <h4>{{'contact.adresseEmail'|trans([],'contact_page')}}</h4>
  46.                         <span> {{'contact.email'|trans([],'contact_page')}} <br><small>{{'contact.date'|trans([],'contact_page')}}</small></span>
  48.                     </li>
  49.                     <li>
  50.                         <i class="pe-7s-phone"></i>
  51.                         <h4>{{'contact.phone'|trans([],'contact_page')}}</h4>
  52.                         <span><img class="mb-1" src="{{ asset('/build/images/whatsapp-50.480c471e.png') }}" style="width: 17px;"/>&nbsp;
  53.                             <a class="text-white" target="_blank" href="https://api.whatsapp.com/send?phone=237650801991">{{'contact.phoneNumber'|trans([],'contact_page')}}</a><br><small>{{'contact.date'|trans([],'contact_page')}}</small></span>
  54.                     </li>
  55.                 </ul>
  56.             </div>
  57.         </div>
  58.         <!--/contact_info-->
  63.         <div class="bg_color_1">
  64.             <div class="container margin_80_55">
  65.                 <div class="row mb-3">
  66.                     <div class="col-md-8">
  67.                         <p>
  68.                             {{'contact.donnee1'|trans([],'contact_page')}}
  69.                         </p>
  70.                         <p>
  71.                            {{'contact.donnee2'|trans([],'contact_page')}}
  72.                         </p>
  73.                         <p>
  74.                             {{'contact.donnee3'|trans([],'contact_page')}}  <strong> +237 6 50 80 19 91 / +237 6 54 28 18 25</strong> {{'contact.donnee4'|trans([],'contact_page')}}
  75.                             <a href="#">ayilaa237@gmail.com</a>. {{'contact.donnee5'|trans([],'contact_page')}}
  76.                         </p>
  77.                         <p>
  78.                             {{'contact.donnee6'|trans([],'contact_page')}}
  79.                         </p>
  80.                     </div>
  81.                     <div class="col-md-4">
  82.                         <img src="{{ asset('build/images/last-Logo01.f01b735b.webp') }}" alt="" style="width: 100%;">
  83.                     </div>
  84.                 </div>
  86.                 <div class="row justify-content-between">
  87.                     <div class="col-lg-5">
  88.                         <img src="{{ asset('build/images/contact-us-removebg-preview.ebb35dc6.png') }}" alt="" style="width: 100%;">
  89.                         <!-- /map -->
  90.                     </div>
  91.                     <div class="col-lg-6">
  92.                         <h4>{{'contact.form.titre'|trans([],'contact_page')}} </h4>
  93. {#                        <p>Ex quem dicta delicata usu, zril vocibus maiestatis in qui.</p>#}
  94.                         <div id="message-contact"></div>
  95.                         <form method="post" id="contactform" autocomplete="off">
  96.                             <div class="row">
  97.                                 <div class="col-md-6">
  98.                                     <div class="form-group">
  99.                                         <label>{{'contact.form.prenom'|trans([],'contact_page')}} </label>
  100.                                         <input class="form-control" type="text" id="name_contact" name="name_contact">
  101.                                     </div>
  102.                                 </div>
  103.                                 <div class="col-md-6">
  104.                                     <div class="form-group">
  105.                                         <label>{{'contact.form.nom'|trans([],'contact_page')}} </label>
  106.                                         <input class="form-control" type="text" id="lastname_contact" name="lastname_contact">
  107.                                     </div>
  108.                                 </div>
  109.                             </div>
  110.                             <!-- /row -->
  111.                             <div class="row">
  112.                                 <div class="col-md-6">
  113.                                     <div class="form-group">
  114.                                         <label>{{'contact.form.email'|trans([],'contact_page')}} </label>
  115.                                         <input class="form-control" type="email" id="email_contact" name="email_contact">
  116.                                     </div>
  117.                                 </div>
  118.                                 <div class="col-md-6">
  119.                                     <div class="form-group">
  120.                                         <label>{{'contact.form.phone'|trans([],'contact_page')}} </label>
  121.                                         <input class="form-control" type="text" id="phone_contact" name="phone_contact">
  122.                                     </div>
  123.                                 </div>
  124.                             </div>
  125.                             <!-- /row -->
  126.                             <div class="form-group">
  127.                                 <label>{{'contact.form.message'|trans([],'contact_page')}}</label>
  128.                                 <textarea class="form-control" id="message_contact" name="message_contact" style="height:150px;"></textarea>
  129.                             </div>
  130.                             <p class="add_top_30"><input type="submit" value="{{'contact.form.submit'|trans([],'contact_page')}}" class="btn_1 rounded" id="submit-contact"></p>
  131.                         </form>
  132.                     </div>
  133.                 </div>
  134.                 <!-- /row -->
  135.             </div>
  136.             <!-- /container -->
  137.         </div>
  138.         <!-- /bg_color_1 -->
  139.     </main>
  140. {% endblock %}
  142. {% block javascript %}
  143. {{ parent() }}
  145. {% endblock %}