templates/views/en/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base_en.html.twig' %}
  2. {% block title %}
  3.     Discover without further delay the history of the firm BSCM brokers associates.
  4.     Since the launch of its activities and key missions!
  5. {% endblock %}
  6. {% block body %}
  8.     <!--/ Intro Single star /-->
  9.     <section class="intro-single">
  10.         <div class="container">
  11.             <div class="row">
  12.                 <div class="col-md-12 col-lg-8">
  13.                     <div class="title-single-box">
  14.                         <h1 class="title-single">Contact BSCM Courtiers Associés.</h1>
  15.                         <span class="color-text-a">
  16.                         </span>
  17.                     </div>
  18.                 </div>
  19.                 <div class="col-md-12 col-lg-4">
  20.                     <nav aria-label="breadcrumb" class="breadcrumb-box d-flex justify-content-lg-end">
  21.                         <ol class="breadcrumb">
  22.                             <li class="breadcrumb-item">
  23.                                 <a href="{{ path('en-home') }}">Home</a>
  24.                             </li>
  25.                             <li class="breadcrumb-item active" aria-current="page">
  26.                                 Contact
  27.                             </li>
  28.                         </ol>
  29.                     </nav>
  30.                 </div>
  31.             </div>
  32.         </div>
  33.     </section>
  34.     <!--/ Intro Single End /-->
  36.     <!--/ Contact Star /-->
  37.     <section class="contact">
  38.         <div class="container pb-5">
  39.             <div class="row">
  40.                 <div class="col-sm-12">
  41.                     <div class="contact-map box row">
  43.                         <img class="img-fluid" src="{{ asset('img/tourcb.jpeg') }}" alt="bureau bscm">
  45.                         <div id="map" class="contact-map col-md-6">
  47.                             <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"
  48.                                     width="600" height="450"
  49.                                     style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
  51.                             </iframe>
  52.                         </div>
  53.                     </div>
  54.                 </div>
  55.                 <div class="col-sm-12 section-t8">
  56.                     <div class="row">
  57.                         <div class="col-md-7">
  58.                             <form class="form-a contactForm" action="" method="post" role="form">
  59.                                 <div id="sendmessage">Your message has been sent. Thank you!</div>
  60.                                 <div id="errormessage"></div>
  61.                                 <div class="row">
  62.                                     <div class="col-md-6 mb-3">
  63.                                         <div class="form-group">
  64.                                             <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">
  65.                                             <div class="validation"></div>
  66.                                         </div>
  67.                                     </div>
  68.                                     <div class="col-md-6 mb-3">
  69.                                         <div class="form-group">
  70.                                             <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">
  71.                                             <div class="validation"></div>
  72.                                         </div>
  73.                                     </div>
  74.                                     <div class="col-md-12 mb-3">
  75.                                         <div class="form-group">
  76.                                             <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">
  77.                                             <div class="validation"></div>
  78.                                         </div>
  79.                                     </div>
  80.                                     <div class="col-md-12 mb-3">
  81.                                         <div class="form-group">
  82.                                             <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>
  83.                                             <div class="validation"></div>
  84.                                         </div>
  85.                                     </div>
  86.                                     <div class="col-md-12">
  87.                                         <button type="submit" class="btn btn-a">Send</button>
  88.                                     </div>
  89.                                 </div>
  90.                             </form>
  91.                         </div>
  92.                         <div class="col-md-5 section-md-t3">
  93.                             <div class="icon-box section-b2">
  94.                                 <div class="icon-box-icon">
  95.                                     <span class="ion-ios-pin"></span>
  96.                                 </div>
  97.                                 <div class="icon-box-content table-cell">
  98.                                     <div class="icon-box-title">
  99.                                         <h4 class="icon-title">AFRICA OFFICE</h4>
  100.                                     </div>
  101.                                     <div class="icon-box-content">
  102.                                         <p class="mb-1">
  103.                                             <span class="color-a">Lamblin Avenue, Plateau Eden Residence, 08 BP 1015
  104.                                                 Abidjan, Ivory Coast.</span>
  105.                                         </p>
  106.                                         <p class="mb-1">Phone:
  107.                                             <span class="color-a">+225 20 32 24 70</span>
  108.                                         </p>
  109.                                     </div>
  110.                                 </div>
  111.                             </div>
  112.                             <div class="icon-box section-b2">
  113.                                 <div class="icon-box-icon">
  114.                                     <span class="ion-ios-pin"></span>
  115.                                 </div>
  116.                                 <div class="icon-box-content table-cell">
  117.                                     <div class="icon-box-title">
  118.                                         <h4 class="icon-title">ASIA OFFICE</h4>
  119.                                     </div>
  120.                                     <div class="icon-box-content">
  121.                                         <p class="mb-1">
  122.                                             18/F, suite 01, OCN 699 Nanting West Road, Jing an District Shanghaï 2000041.P.R China
  123.                                         </p>
  124.                                         <p class="mb-1">Phone:
  125.                                             <span class="color-a">+86 2161 413 888</span>
  126.                                         </p>
  127.                                     </div>
  128.                                 </div>
  129.                             </div>
  130.                             <div class="icon-box section-b2">
  131.                                 <div class="icon-box-icon">
  132.                                     <span class="ion-ios-pin"></span>
  133.                                 </div>
  134.                                 <div class="icon-box-content table-cell">
  135.                                     <div class="icon-box-title">
  136.                                         <h4 class="icon-title">EUROPE OFFICE</h4>
  137.                                     </div>
  138.                                     <div class="icon-box-content">
  139.                                         <p class="mb-1">
  140.                                             Paris, la Défense Tour CB21 <br> 16 Place de l'Iris <br> 92400
  141.                                             Courbevoie-France
  142.                                         </p>
  143.                                         <p class="mb-1">
  144.                                             <span class="color-a">+33(0) 1 8565 8195</span>
  145.                                         </p>
  146.                                     </div>
  147.                                 </div>
  148.                             </div>
  149.                         </div>
  150.                     </div>
  151.                 </div>
  152.             </div>
  153.         </div>
  154.     </section>
  155.     <!--/ Contact End /-->
  157. {% endblock %}