templates/contact/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'newwebfront/index.html.twig' %}
  2. {% block title %} Contact {% endblock title %} 
  3. {% block content %}
  5.     <!-- Page Title -->
  6.         <section class="page-title" style="background-image: url({{asset('newwebfront/assets/images/contact.png')}});">
  7.             <div class="auto-container">
  8.                 <div class="content-box">
  9.                     <div class="title centred">
  10.                         <h1>Contact</h1>
  11.                     </div>
  12.                     <ul class="bread-crumb clearfix">
  13.                         <li><a href="{{ path('newfront') }}">Accueil</a></li>
  14.                         <li>Contact</li>
  15.                     </ul>
  16.                 </div>
  17.             </div>
  18.         </section>
  19.         <!-- End Page Title -->
  22.         <!-- contact-information -->
  23.         <section class="contact-information">
  24.             <div class="auto-container">
  25.                 <div class="row clearfix">
  26.                     <div class="col-lg-4 col-md-6 col-sm-12 content-column">
  27.                         <div class="content_block_12">
  28.                             <div class="content-box">
  29.                                 <div class="sec-title">
  30.                                     <h6><i class="flaticon-star"></i><span>Ministère du Développement et de la Coordination de l'action gouvernementale</span></h6>
  31.                                     <h2> Contact</h2>
  32.                                     <div class="title-shape"></div>
  33.                                 </div>
  34.                                 <div class="text">
  35.                                     <p>Nous restons disponible pour vous servir</p>
  36.                                     <h4><i class="flaticon-map-1"></i><br />Boite Postal</h4>
  37.                                     <p>08 BP : 755 Cotonou - Bénin</p>
  38.                                     {# <a href="contact.html">Get Direction<i class="flaticon-right-arrow"></i></a> #}
  39.                                 </div>
  40.                                 <div class="social-box">
  41.                                     <h4>Nos médias sociaux</h4>
  42.                                     <ul class="social-style-one clearfix">
  43.                                         <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
  44.                                         <li><a href="#"><i class="fab fa-twitter"></i></a></li>
  45.                                         <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
  46.                                         <li><a href="#"><i class="fab fa-instagram"></i></a></li>
  47.                                     </ul>
  48.                                 </div>
  49.                             </div>
  50.                         </div>
  51.                     </div>
  52.                     <div class="col-lg-4 col-md-6 col-sm-12 image-column">
  53.                         <figure class="image-box"><img src='{{asset('newwebfront/assets/images/resource/contact-2.jpg')}}' alt=""></figure>
  54.                     </div>
  55.                     <div class="col-lg-4 col-md-12 col-sm-12 content-column">
  56.                         <div class="content_block_13">
  57.                             <div class="content-box">
  58.                                 <div class="single-item">
  59.                                     <div class="icon-box"><i class="flaticon-mail-inbox-app"></i></div>
  60.                                     <ul class="info clearfix">
  61.                                         <li>
  62.                                             <h5>Ministère</h5>
  63.                                             <p><a href="mailto:mdc.info@gouv.bj">mdc.info@gouv.bj</a></p>
  64.                                         </li>
  65.                                         {# <li>
  66.                                             <h5>Residential</h5>
  67.                                             <p><a href="mailto:info@example.com">info@example.com</a></p>
  68.                                         </li> #}
  69.                                     </ul>
  70.                                 </div>
  71.                                 <div class="single-item">
  72.                                     <div class="icon-box"><i class="flaticon-emergency-call"></i></div>
  73.                                     <ul class="info clearfix">
  74.                                         <li>
  75.                                             <h5>Téléphone</h5>
  76.                                             <p><a href="tel:0022921307684">+229 - 21 30 76 84</a></p>
  77.                                         </li>
  78.                                     </ul>
  79.                                 </div>
  80.                                 <div class="single-item">
  81.                                     <div class="icon-box"><i class="flaticon-clock"></i></div>
  82.                                     <ul class="info clearfix">
  83.                                         <li>
  84.                                             <h5>Lundi - Vendredi</h5>
  85.                                             <p>08 heures 00 à 17 heures 30 minutes</p>
  86.                                         </li>
  87.                                         <li>
  88.                                             <h5>Sauf week-end et jours férié</h5>
  89.                                             {# <p>10.30 am to 4.15 pm</p> #}
  90.                                         </li>
  91.                                     </ul>
  92.                                 </div>
  93.                             </div>
  94.                         </div>
  95.                     </div>
  96.                 </div>
  97.             </div>
  98.         </section>
  99.         <!-- contact-information end -->
  102.         <!-- contact-information-two -->
  103.         {# <section class="contact-information-two" style="background-image: url(assets/images/background/download-bg.jpg);">
  104.             <div class="layer-bg" style="background-image: url(assets/images/background/layer-bg-2.jpg);"></div>
  105.             <div class="auto-container">
  106.                 <div class="row clearfix">
  107.                     <div class="col-lg-6 col-md-12 col-sm-12 content-column">
  108.                         <div class="content_block_3">
  109.                             <div class="content-box">
  110.                                 <h4><i class="flaticon-emergency-call-1"></i>15 Emergency <br />Phone Numbers to Have Handy</h4>
  111.                                 <h2>Emergency Phone Numbers You Should Know</h2>
  112.                                 <div class="btn-box"><a href="contact.html" class="theme-btn style-two">Take Print</a></div>
  113.                             </div>
  114.                         </div>
  115.                     </div>
  116.                     <div class="col-lg-6 col-md-12 col-sm-12 inner-column">
  117.                         <div class="inner-content">
  118.                             <div class="two-column-carousel owl-carousel owl-theme owl-nav-none">
  119.                                 <div class="single-item">
  120.                                     <h4>Police Department</h4>
  121.                                     <ul class="info clearfix">
  122.                                         <li>
  123.                                             <p><a href="tel:4488848018">+44 (888) 48018</a><br /><a href="mailto:info@example.com">info@example.com</a></p>
  124.                                         </li>
  125.                                         <li>
  126.                                             <p>191 Integer Rd, 2nd Street SA 08219 USA.</p>
  127.                                         </li>
  128.                                     </ul>
  129.                                     <div class="link"><a href="contact.html">Get Direction<i class="flaticon-right-arrow"></i></a></div>
  130.                                 </div>
  131.                                 <div class="single-item">
  132.                                     <h4>Fire Department</h4>
  133.                                     <ul class="info clearfix">
  134.                                         <li>
  135.                                             <p><a href="tel:4488801234">+44 (888) 01234</a><br /><a href="mailto:info@example.com">info@example.com</a></p>
  136.                                         </li>
  137.                                         <li>
  138.                                             <p>256 Brunswick Rd, 3rd Street SA 08219 USA.</p>
  139.                                         </li>
  140.                                     </ul>
  141.                                     <div class="link"><a href="contact.html">Get Direction<i class="flaticon-right-arrow"></i></a></div>
  142.                                 </div>
  143.                                 <div class="single-item">
  144.                                     <h4>Police Department</h4>
  145.                                     <ul class="info clearfix">
  146.                                         <li>
  147.                                             <p><a href="tel:4488848018">+44 (888) 48018</a><br /><a href="mailto:info@example.com">info@example.com</a></p>
  148.                                         </li>
  149.                                         <li>
  150.                                             <p>191 Integer Rd, 2nd Street SA 08219 USA.</p>
  151.                                         </li>
  152.                                     </ul>
  153.                                     <div class="link"><a href="contact.html">Get Direction<i class="flaticon-right-arrow"></i></a></div>
  154.                                 </div>
  155.                                 <div class="single-item">
  156.                                     <h4>Fire Department</h4>
  157.                                     <ul class="info clearfix">
  158.                                         <li>
  159.                                             <p><a href="tel:4488801234">+44 (888) 01234</a><br /><a href="mailto:info@example.com">info@example.com</a></p>
  160.                                         </li>
  161.                                         <li>
  162.                                             <p>256 Brunswick Rd, 3rd Street SA 08219 USA.</p>
  163.                                         </li>
  164.                                     </ul>
  165.                                     <div class="link"><a href="contact.html">Get Direction<i class="flaticon-right-arrow"></i></a></div>
  166.                                 </div>
  167.                                 <div class="single-item">
  168.                                     <h4>Police Department</h4>
  169.                                     <ul class="info clearfix">
  170.                                         <li>
  171.                                             <p><a href="tel:4488848018">+44 (888) 48018</a><br /><a href="mailto:info@example.com">info@example.com</a></p>
  172.                                         </li>
  173.                                         <li>
  174.                                             <p>191 Integer Rd, 2nd Street SA 08219 USA.</p>
  175.                                         </li>
  176.                                     </ul>
  177.                                     <div class="link"><a href="contact.html">Get Direction<i class="flaticon-right-arrow"></i></a></div>
  178.                                 </div>
  179.                                 <div class="single-item">
  180.                                     <h4>Fire Department</h4>
  181.                                     <ul class="info clearfix">
  182.                                         <li>
  183.                                             <p><a href="tel:4488801234">+44 (888) 01234</a><br /><a href="mailto:info@example.com">info@example.com</a></p>
  184.                                         </li>
  185.                                         <li>
  186.                                             <p>256 Brunswick Rd, 3rd Street SA 08219 USA.</p>
  187.                                         </li>
  188.                                     </ul>
  189.                                     <div class="link"><a href="contact.html">Get Direction<i class="flaticon-right-arrow"></i></a></div>
  190.                                 </div>
  191.                             </div>
  192.                         </div>
  193.                     </div>
  194.                 </div>
  195.             </div>
  196.         </section> #}
  197.         <!-- contact-information-two end -->
  200.         <!-- contact-style-two -->
  201.         <section class="contact-style-two sec-pad">
  202.             <div class="auto-container">
  203.                 <div class="form-inner">
  204.                     <div class="sec-title centred">
  205.                         <h6><i class="flaticon-star"></i><span>Ecrivez nous !</span><i class="flaticon-star"></i></h6>
  206.                         <h2>Plaintes, suggestions ou informations ? </h2>
  207.                         <div class="title-shape"></div>
  208.                         <p>Envoyer nous un mail et nous vous répondons dans les meilleures délais.</p>
  209.                     </div>
  210.                     <form method="post" action="sendemail.php" id="contact-form" class="default-form"> 
  211.                         <div class="row clearfix">
  212.                             <div class="col-lg-6 col-md-6 col-sm-12 big-column">
  213.                                 <div class="form-group">
  214.                                     <input type="text" name="username" placeholder="Votre nom et prénom (s)" required="">
  215.                                 </div>
  216.                                 <div class="form-group">
  217.                                     <input type="email" name="email" placeholder="Votre adresse email" required="">
  218.                                 </div>
  219.                                 <div class="form-group">
  220.                                     <input type="text" name="subject" required="" placeholder="Sujet de votre mail">
  221.                                 </div>
  222.                             </div>
  223.                             <div class="col-lg-6 col-md-6 col-sm-12 big-column">
  224.                                 <div class="form-group">
  225.                                     <textarea name="message" placeholder="Entrez votre message ..."></textarea>
  226.                                 </div>
  227.                             </div>
  228.                             <div class="col-lg-12 col-md-12 col-sm-12 big-column">
  229.                                 <div class="message-btn centred">
  230.                                     <button class="theme-btn" type="submit" name="submit-form">Envoyez</button>
  231.                                 </div>
  232.                             </div>
  233.                         </div>
  234.                     </form>
  235.                 </div>
  236.                 {# <div class="map-inner">
  237.                     <div 
  238.                         class="google-map" 
  239.                         id="contact-google-map" 
  240.                         data-map-lat="40.712776" 
  241.                         data-map-lng="-74.005974" 
  242.                         data-icon-path='{{ asset("newwebfront/assets/images/icons/map-marker.png") }}'  
  243.                         data-map-title="Brooklyn, New York, United Kingdom" 
  244.                         data-map-zoom="12" 
  245.                         data-markers='{
  246.                             "marker-1": [40.712776, -74.005974, "<h4>Branch Office</h4><p>77/99 New York</p>","newwebfront/assets/images/icons/map-marker.png"]
  247.                         }'>
  249.                     </div>
  250.                 </div>  #}
  251.             </div>
  252.         </section>
  253.         <!-- contact-style-two end -->
  254.         {% include "newwebfront/_footercard.html.twig" %}
  257. {% endblock content %}