templates/contact/index.html.twig line 1

Open in your IDE?
  1. {% extends 'layout.html.twig' %}
  3. {% block title %} Contactez-nous | {{ parent() }}{% endblock %}
  6. {% block content %}
  7.     <!--inner-heading start-->
  8.     <section class="inner-heading">
  9.         <div class="container">
  10.             <h1>Contactez-nous</h1>
  11.             <ul class="xs-breadcumb">
  12.                 <li><a href="/"> Home / </a> <a href="{{ path('app_contact') }}">Pages /</a> Contactez-nous</li>
  13.             </ul>
  14.         </div>
  15.     </section>
  16.     <!--inner-heading end-->
  18.     <!--inner content start-->
  19.     <section class="contactWrap">
  20.         <!--container start-->
  21.         <div class="container">
  22.             <div class="section-title">
  23.                 <h3>Nous restons proche de <span>vous</span></h3>
  24.                 <p>Nous sommes en ligne pour répondre à toutes vos préoccupations, Appelez nous ou laissez nous un
  25.                     message </p>
  26.             </div>
  27.             <!--row start-->
  28.             <div class="row serviceList">
  29.                 <!--col start-->
  30.                 <div class="col-md-3 col-sm-6 col-xs-12">
  31.                     <div class="contact-item">
  32.                         <div class="fig_caption">
  33.                             <div class="icon"><i class="fa fa-map-marker" aria-hidden="true"></i></div>
  34.                             <div class="details">
  35.                                 <h3>Visitez nos locaux</h3>
  36.                                 <p><strong>Total BP Cité, Douala Cameroun</p>
  37.                             </div>
  38.                         </div>
  39.                     </div>
  40.                 </div>
  41.                 <!--col end-->
  42.                 <!--col start-->
  43.                 <div class="col-md-3 col-sm-6 col-xs-12">
  44.                     <div class="contact-item">
  45.                         <div class="fig_caption">
  46.                             <div class="icon"><i class="fa fa-envelope-o" aria-hidden="true"></i></div>
  47.                             <div class="details">
  48.                                 <h3>Ecrivez-nous par Mail</h3>
  49.                                 <p><strong>info@teva-sarl.com </strong> <br>
  50.                                     teva-sarl@gmail.com</p>
  51.                             </div>
  52.                         </div>
  53.                     </div>
  54.                 </div>
  55.                 <!--col end-->
  56.                 <!--col start-->
  57.                 <div class="col-md-3 col-sm-6 col-xs-12">
  58.                     <div class="contact-item">
  59.                         <div class="fig_caption">
  60.                             <div class="icon"><i class="fa fa-phone" aria-hidden="true"></i></div>
  61.                             <div class="details">
  62.                                 <h3>Même à disance</h3>
  63.                                 <p><strong>APPELEZ MAINTENANT </strong> <br>
  64.                                     +237 655 143 556 / 678 638 010</p>
  65.                             </div>
  66.                         </div>
  67.                     </div>
  68.                 </div>
  69.                 <!--col end-->
  70.                 <!--col start-->
  71.                 <div class="col-md-3 col-sm-6 col-xs-12">
  72.                     <div class="contact-item">
  73.                         <div class="fig_caption">
  74.                             <div class="icon"><i class="fa fa-clock-o" aria-hidden="true"></i></div>
  75.                             <div class="details">
  76.                                 <h3>Horaire de travail</h3>
  77.                                 <p><strong>Lun - Sam : 08h to 17h</strong> <br>
  78.                                     Dimanche : fermé</p>
  79.                             </div>
  80.                         </div>
  81.                     </div>
  82.                 </div>
  83.                 <!--col end-->
  84.             </div>
  85.             <!--row end-->
  86.             <div class="section-title margin_t40">
  87.                 <h3>Laissez <span>votre massege</span></h3>
  89.             </div>
  90.             <form action="{{ path('app_contact_send') }}" method="POST" id="xs-contact-form" class="xs-form">
  91.                 <div class="row">
  92.                     <div class="g-recaptcha" data-sitekey="6LeiOb8pAAAAAMpcqv2_FUmOFzBX9YWNDKkA5YdO"></div>
  93.                     {% if app.request.get('error') is not null %}
  94.                         <h4 class="text-danger">Confirmez que vous n'êtes pas un robot !</h4>
  95.                     {% endif %}
  96.                     <div class="col-md-6">
  97.                         <input type="text" class="form-control" name="name" placeholder="Votre nom" id="xs_contact_name"
  98.                                required>
  99.                     </div>
  100.                     <div class="col-md-6">
  101.                         <input type="email" class="form-control invaild" name="email" placeholder="votre email"
  102.                                id="xs_contact_email" required>
  103.                     </div>
  104.                 </div>
  105.                 <div class="row">
  106.                     <div class="col-md-6">
  107.                         <input type="text" class="form-control" name="phone" placeholder="Votre numéro de téléphone"
  108.                                id="xs_contact_phone" required>
  110.                     </div>
  111.                     <div class="col-md-6">
  112.                         <input type="text" class="form-control" name="Subject" placeholder="L'objet"
  113.                                id="xs_contact_subject" required>
  114.                     </div>
  115.                 </div>
  117.                 <textarea name="message" placeholder="Entrez votre message ici" id="x_contact_massage"
  118.                           class="form-control message-box" cols="30" rows="10" required></textarea>
  119.                 <div class="readmore text-center">
  120.                     <button class="main-btn btn-1 btn-1e">ENVOYEZ LE MESSAGE</button>
  121.                 </div>
  123.             </form>
  124.         </div>
  125.         <!--container end-->
  127.     </section>
  128.     <!--inner content end-->
  135.     <div class="xs-map-sec">
  136.         <div class="xs-maps-wraper">
  137.             <div class="map">
  138.                 <iframe src="https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d3979.86654453581!2d9.726107974975486!3d4.047638095926113!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zNMKwMDInNTEuNSJOIDnCsDQzJzQzLjMiRQ!5e0!3m2!1sen!2scm!4v1713192559036!5m2!1sen!2scm"
  139.                         width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"
  140.                         referrerpolicy="no-referrer-when-downgrade"></iframe>
  141.             </div>
  142.         </div>
  143.     </div>
  145.     {{ include('components/brand.html.twig') }}
  147. {% endblock %}