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 BSCM Courtiers Associés.</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.                         </div>
  52.                     </div>
  53.                 </div>
  54.                 <div class="col-sm-12 section-t8">
  55.                     <div class="row">
  56.                         <div class="col-md-7">
  57.                             <form class="form-a contactForm" action="" method="post" role="form">
  58.                                 <div id="sendmessage">Your message has been sent. Thank you!</div>
  59.                                 <div id="errormessage"></div>
  60.                                 <div class="row">
  61.                                     <div class="col-md-6 mb-3">
  62.                                         <div class="form-group">
  63.                                             <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">
  64.                                             <div class="validation"></div>
  65.                                         </div>
  66.                                     </div>
  67.                                     <div class="col-md-6 mb-3">
  68.                                         <div class="form-group">
  69.                                             <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">
  70.                                             <div class="validation"></div>
  71.                                         </div>
  72.                                     </div>
  73.                                     <div class="col-md-12 mb-3">
  74.                                         <div class="form-group">
  75.                                             <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">
  76.                                             <div class="validation"></div>
  77.                                         </div>
  78.                                     </div>
  79.                                     <div class="col-md-12 mb-3">
  80.                                         <div class="form-group">
  81.                                             <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>
  82.                                             <div class="validation"></div>
  83.                                         </div>
  84.                                     </div>
  85.                                     <div class="col-md-12">
  86.                                         <button type="submit" class="btn btn-a">Envoyer</button>
  87.                                     </div>
  88.                                 </div>
  89.                             </form>
  90.                         </div>
  91.                         <div class="col-md-5 section-md-t3">
  92.                             <div class="icon-box section-b2">
  93.                                 <div class="icon-box-icon">
  94.                                     <span class="ion-ios-pin"></span>
  95.                                 </div>
  96.                                 <div class="icon-box-content table-cell">
  97.                                     <div class="icon-box-title">
  98.                                         <h4 class="icon-title">BUREAU AFRIQUE</h4>
  99.                                     </div>
  100.                                     <div class="icon-box-content">
  101.                                         <p class="mb-1">
  102.                                             <span class="color-a">Avenue Lamblin,Plateau Résidence Eden, 08 BP 1015
  103.                                                 Abidjan, Côte d'Ivoire.</span>
  104.                                         </p>
  105.                                         <p class="mb-1">Phone:
  106.                                             <span class="color-a">+225 20 32 24 70</span>
  107.                                         </p>
  108.                                     </div>
  109.                                 </div>
  110.                             </div>
  111.                             <div class="icon-box section-b2">
  112.                                 <div class="icon-box-icon">
  113.                                     <span class="ion-ios-pin"></span>
  114.                                 </div>
  115.                                 <div class="icon-box-content table-cell">
  116.                                     <div class="icon-box-title">
  117.                                         <h4 class="icon-title">BUREAU ASIE</h4>
  118.                                     </div>
  119.                                     <div class="icon-box-content">
  120.                                         <p class="mb-1">
  121.                                             18/F, suite 01, OCN 699 Nanting West Road, Jing an District Shanghaï 2000041.P.R China
  122.                                         </p>
  123.                                         <p class="mb-1">Phone:
  124.                                             <span class="color-a">+86 2161 413 888</span>
  125.                                         </p>
  126.                                     </div>
  127.                                 </div>
  128.                             </div>
  129.                             <div class="icon-box section-b2">
  130.                                 <div class="icon-box-icon">
  131.                                     <span class="ion-ios-pin"></span>
  132.                                 </div>
  133.                                 <div class="icon-box-content table-cell">
  134.                                     <div class="icon-box-title">
  135.                                         <h4 class="icon-title">BUREAU EUROPE</h4>
  136.                                     </div>
  137.                                     <div class="icon-box-content">
  138.                                         <p class="mb-1">
  139.                                             Paris, la Défense Tour CB21 <br> 16 Place de l'Iris <br> 92400
  140.                                             Courbevoie-France
  141.                                         </p>
  142.                                         <p class="mb-1">
  143.                                             <span class="color-a">+33(0) 1 8565 8195</span>
  144.                                         </p>
  145.                                     </div>
  146.                                 </div>
  147.                             </div>
  148.                         </div>
  149.                     </div>
  150.                 </div>
  151.             </div>
  152.         </div>
  153.     </section>
  154.     <!--/ Contact End /-->
  156. {% endblock %}