templates/views/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}
  3.     Envie d'en savoir plus sur le courtier BSCM ? Contactez-nous !
  4. {% endblock %}
  5. {% block body %}
  7.     <!--/ Intro Single star /-->
  8.     <section class="intro-single">
  9.         <div class="container">
  10.             <div class="row">
  11.                 <div class="col-md-12 col-lg-8">
  12.                     <div class="title-single-box">
  13.                         <h1 class="title-single">Contactez Nous !.</h1>
  14.                         <span class="color-text-a">
  15.                         </span>
  16.                     </div>
  17.                 </div>
  18.                 <div class="col-md-12 col-lg-4">
  19.                     <nav aria-label="breadcrumb" class="breadcrumb-box d-flex justify-content-lg-end">
  20.                         <ol class="breadcrumb">
  21.                             <li class="breadcrumb-item">
  22.                                 <a href="{{ path('home') }}">Home</a>
  23.                             </li>
  24.                             <li class="breadcrumb-item active" aria-current="page">
  25.                                 Contact
  26.                             </li>
  27.                         </ol>
  28.                     </nav>
  29.                 </div>
  30.             </div>
  31.         </div>
  32.     </section>
  33.     <!--/ Intro Single End /-->
  35.     <!--/ Contact Star /-->
  36.     <section class="contact">
  37.         <div class="container pb-5">
  38.             <div class="row">
  39.                 <div class="col-sm-12">
  40.                     <div class="contact-map box row">
  42.                         <img class="img-fluid" src="{{ asset('img/tourcb.jpeg') }}" alt="bureau bscm">
  44.                         <div id="map" class="contact-map col-md-6">
  46.                             <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2623.4028437366833!2d2.247537350789731!3d48.88865937918874!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e6707881ec3277%3A0xb0e46fb90833a6f4!2sSuez!5e0!3m2!1sfr!2sci!4v1651971584590!5m2!1sfr!2sci"
  47.                                     width="600" height="450"
  48.                                     style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
  50.                             </iframe>
  51.                             {# <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2623.4028437366833!2d2.247537350789731!3d48.88865937918874!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e6707881ec3277%3A0xb0e46fb90833a6f4!2sSuez!5e0!3m2!1sfr!2sci!4v1651971584590!5m2!1sfr!2sci"
  52.                                     width="600" height="450"
  53.                                     style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
  55.                             </iframe> #}
  56.                         </div>
  57.                     </div>
  58.                 </div>
  59.                 <div class="col-sm-12 section-t8">
  60.                     <div class="row">
  61.                         <div class="col-md-7">
  62.                             <form class="form-a contactForm" action="" method="post" role="form">
  63.                                 <div id="sendmessage">Your message has been sent. Thank you!</div>
  64.                                 <div id="errormessage"></div>
  65.                                 <div class="row">
  66.                                     <div class="col-md-6 mb-3">
  67.                                         <div class="form-group">
  68.                                             <input type="text" name="name" class="form-control form-control-lg form-control-a" placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars">
  69.                                             <div class="validation"></div>
  70.                                         </div>
  71.                                     </div>
  72.                                     <div class="col-md-6 mb-3">
  73.                                         <div class="form-group">
  74.                                             <input name="email" type="email" class="form-control form-control-lg form-control-a" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email">
  75.                                             <div class="validation"></div>
  76.                                         </div>
  77.                                     </div>
  78.                                     <div class="col-md-12 mb-3">
  79.                                         <div class="form-group">
  80.                                             <input type="text" name="subject" class="form-control form-control-lg form-control-a" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject">
  81.                                             <div class="validation"></div>
  82.                                         </div>
  83.                                     </div>
  84.                                     <div class="col-md-12 mb-3">
  85.                                         <div class="form-group">
  86.                                             <textarea name="message" class="form-control" name="message" cols="45" rows="8" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea>
  87.                                             <div class="validation"></div>
  88.                                         </div>
  89.                                     </div>
  90.                                     <div class="col-md-12">
  91.                                         <button type="submit" class="btn btn-a">Envoyer</button>
  92.                                     </div>
  93.                                 </div>
  94.                             </form>
  95.                         </div>
  96.                         <div class="col-md-5 section-md-t3">
  97.                             <div class="icon-box section-b2">
  98.                                 <div class="icon-box-icon">
  99.                                     <span class="ion-ios-pin"></span>
  100.                                 </div>
  101.                                 <div class="icon-box-content table-cell">
  102.                                     <div class="icon-box-title">
  103.                                         <h4 class="icon-title">ABIDJAN</h4>
  104.                                     </div>
  105.                                     <div class="icon-box-content">
  106.                                         <p class="mb-1">
  107.                                             <span class="color-a">Immeuble Le Dusk,Rue du commerce, A47, Plateau, BP 1015 Abidjan 08 Côte d’Ivoire </span>
  108.                                         </p>
  109.                                         <p class="mb-1">Tel :
  110.                                             <span class="color-a">+225 27 22 24 97 38</span>
  111.                                         </p>
  112.                                     </div>
  113.                                 </div>
  114.                             </div>
  115.                             <div class="icon-box section-b2">
  116.                                 <div class="icon-box-icon">
  117.                                     <span class="ion-ios-pin"></span>
  118.                                 </div>
  119.                                 <div class="icon-box-content table-cell">
  120.                                     <div class="icon-box-title">
  121.                                         <h4 class="icon-title">HONG KONG</h4>
  122.                                     </div>
  123.                                     <div class="icon-box-content">
  124.                                         <p class="mb-1">Silver Fortune plaza 1 Wellington street, Central Hong Kong, China
  125.                                         </p>
  126.                                         <p class="mb-1">Tel:
  127.                                             <span class="color-a">+86 21 61 41 38 88</span>
  128.                                         </p>
  129.                                     </div>
  130.                                 </div>
  131.                             </div>
  132.                             <div class="icon-box section-b2">
  133.                                 <div class="icon-box-icon">
  134.                                     <span class="ion-ios-pin"></span>
  135.                                 </div>
  136.                                 <div class="icon-box-content table-cell">
  137.                                     <div class="icon-box-title">
  138.                                         <h4 class="icon-title">PARIS</h4>
  139.                                     </div>
  140.                                     <div class="icon-box-content">
  141.                                         <p class="mb-1">
  142.                                             La Défense-tour Opus 12 77 esplanade du Général de Gaulle <br/> 92800 Puteaux, France.
  143.                                         </p>
  144.                                         <p class="mb-1">Tel:
  145.                                             <span class="color-a">+33 974 55 07 48</span>
  146.                                         </p>
  147.                                     </div>
  148.                                 </div>
  149.                             </div>
  150.                         </div>
  151.                     </div>
  152.                 </div>
  153.             </div>
  154.         </div>
  155.     </section>
  156.     <!--/ Contact End /-->
  158. {% endblock %}