templates/front/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block stylesheets %}
  4.     <link rel="stylesheet" href="{{ asset('front/css/contact.css') }}">
  7. {% endblock %}
  8. {% block title %}
  10. {% endblock %}
  11. {% block body %}
  12.     <!--=====================================
  13.                    BANNER PART START
  14.        =======================================-->
  15.     <section class="inner-section single-banner" style="background: url(images/single-banner.jpg) no-repeat center;">
  16.         <div class="container">
  17.             <h2>Nous contacter</h2>
  18.             <ol class="breadcrumb">
  19.                 <li class="breadcrumb-item"><a href="{{ path('app_accueil') }}">Accueil</a></li>
  20.                 <li class="breadcrumb-item active" aria-current="page">Contact</li>
  21.             </ol>
  22.         </div>
  23.     </section>
  24.     <!--=====================================
  25.                 BANNER PART END
  26.     =======================================-->
  27.     <section class="inner-section contact-part">
  28.         <div class="container">
  29.             <div class="row">
  30.                 <div class="col-md-6 col-lg-4">
  31.                     <div class="contact-card">
  32.                         <i class="icofont-location-pin"></i>
  33.                         <h4> Adresse </h4>
  35.                         <p>B.P. 372 BOHICON - Bénin</p>
  36.                     </div>
  37.                 </div>
  38.                 <div class="col-md-6 col-lg-4">
  39.                     <div class="contact-card active">
  40.                         <i class="icofont-phone"></i>
  41.                         <h4>Téléphone</h4>
  42.                         <p>
  43.                             <a href="#">+229 51 06 05 75 </a>
  44.                             <a href="#">+229 51 06 05 76</a>
  45.                         </p>
  46.                     </div>
  47.                 </div>
  48.                 <div class="col-md-6 col-lg-4">
  49.                     <div class="contact-card">
  50.                         <i class="icofont-email"></i>
  51.                         <h4>Email</h4>
  52.                         <p>
  53.                             <a href="#">eyobu@fuprobenin.org</a>
  54.                             <a href="#">fuproben@yahoo.fr</a>
  55.                         </p>
  56.                     </div>
  57.                 </div>
  58.             </div>
  59.             <div class="row">
  60.                 <div class="col-lg-6">
  61.                     <div class="contact-map">
  62.                         <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15834.004771971871!2d2.0391738!3d7.1835069!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xf8bdb226da69b943!2sFUPRO!5e0!3m2!1sfr!2sbj!4v1655206269498!5m2!1sfr!2sbj"
  63.                                 width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"
  64.                                 referrerpolicy="no-referrer-when-downgrade"></iframe>
  65.                     </div>
  66.                 </div>
  67.                 <div class="col-lg-6">
  68.                     <form class="contact-form">
  69.                         <h4>Ecrivez votre message</h4>
  70.                         <div class="form-group">
  71.                             <div class="form-input-group">
  72.                                 <input class="form-control" type="text" placeholder="Nom & prenom">
  73.                                 <i class="icofont-user-alt-3"></i>
  74.                             </div>
  75.                         </div>
  76.                         <div class="form-group">
  77.                             <div class="form-input-group">
  78.                                 <input class="form-control" type="text" placeholder="Email">
  79.                                 <i class="icofont-email"></i>
  80.                             </div>
  81.                         </div>
  82.                         <div class="form-group">
  83.                             <div class="form-input-group">
  84.                                 <input class="form-control" type="text" placeholder="Objet">
  85.                                 <i class="icofont-book-mark"></i>
  86.                             </div>
  87.                         </div>
  88.                         <div class="form-group">
  89.                             <div class="form-input-group">
  90.                                 <textarea class="form-control" placeholder="Votre Message"></textarea>
  91.                                 <i class="icofont-paragraph"></i>
  92.                             </div>
  93.                         </div>
  94.                         <button type="submit" class="form-btn-group">
  95.                             <i class="fas fa-envelope"></i>
  96.                             <span>envoyer</span>
  97.                         </button>
  98.                     </form>
  99.                 </div>
  100.             </div>
  101.         </div>
  102.     </section>
  104. {% endblock %}