templates/front_end/contact/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Contact {% endblock %}
  5. {% block body %}
  6.   <!-- Header Start -->
  7.   <div class="container-fluid header bg-white p-0">
  8.     <div class="row g-0 align-items-center flex-column-reverse flex-md-row">
  9.       <div class="col-md-6 p-5 mt-lg-5">
  10.         <h1 class="display-5 animated fadeIn mb-4">Contactez nous </h1>
  11.         <nav aria-label="breadcrumb animated fadeIn">
  12.           <ol class="breadcrumb text-uppercase">
  13.             <li class="breadcrumb-item"><a href="{{ path('frontend_home') }}">Accueil</a></li>
  14.             <li class="breadcrumb-item"><a href="{{ path('frontend_property') }}">Nos propriétés</a></li>
  15.             <li class="breadcrumb-item text-body active" aria-current="page">Contact</li>
  16.           </ol>
  17.         </nav>
  18.       </div>
  19.       <div class="col-md-6 animated fadeIn">
  20.         <img class="img-fluid" src=" {{ asset('build/images/SCI-CAWALLY-Projet.jpeg') }}" alt="">
  21.       </div>
  22.     </div>
  23.   </div>
  24.   <!-- Header End -->
  27.   <!-- Search Start -->
  28.   <div class="container-fluid bg-primary mb-5 wow fadeIn" data-wow-delay="0.1s" style="padding: 35px;">
  29.     <div class="container">
  30.       {{ form_start(Form, {'action': path('frontend_property')} ) }}
  31.       <div class="row g-2">
  32.         <div class="col-md-10">
  33.           <div class="row g-2">
  34.             <div class="col-md-4">
  35.               {{ form_widget(Form.city) }}
  36.             </div>
  37.             <div class="col-md-4">
  38.              {{ form_widget(Form.categorie) }}
  39.             </div>
  40.             <div class="col-md-4">
  41.               {{ form_widget(Form.isToSal) }}
  42.             </div>
  43.           </div>
  44.         </div>
  45.         <div class="col-md-2">
  46.           <button class="btn btn-dark border-0 w-100 py-3">Recherche</button>
  47.         </div>
  48.       </div>
  49.       {{ form_end(Form) }}
  50.     </div>
  51.   </div>
  52.   <!-- Search End -->
  55.   <!-- Contact Start -->
  56.   <div class="container-xxl py-5">
  57.     <div class="container">
  58.       <div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
  59.         <h1 class="mb-3">Contact</h1>
  60.         <p>Vous pouvez nous contacter par l'un des moyens suivant:</p>
  61.       </div>
  62.       <div class="row g-4">
  63.         <div class="col-12">
  64.           <div class="row gy-4">
  65.             <div class="col-md-6 col-lg-4 wow fadeIn" data-wow-delay="0.1s">
  66.               <div class="bg-light rounded p-3">
  67.                 <div class="d-flex align-items-center bg-white rounded p-3" style="border: 1px dashed rgba(0, 185, 142, .3)">
  68.                   <div class="icon me-3" style="width: 45px; height: 45px;">
  69.                     <i class="fa fa-map-marker-alt text-primary"></i>
  70.                   </div>
  71.                   <span>Bingerville Résidence Archange quartier sebia-Yao Villa 55, CI</span>
  72.                 </div>
  73.               </div>
  74.             </div>
  75.             <div class="col-md-6 col-lg-4 wow fadeIn" data-wow-delay="0.3s">
  76.               <div class="bg-light rounded p-3">
  77.                 <div class="d-flex align-items-center bg-white rounded p-3" style="border: 1px dashed rgba(0, 185, 142, .3)">
  78.                   <div class="icon me-3" style="width: 45px; height: 45px;">
  79.                     <i class="fa fa-envelope-open text-primary"></i>
  80.                   </div>
  81.                   <span>infos@scicawally.com</span>
  82.                 </div>
  83.               </div>
  84.             </div>
  85.             <div class="col-md-6 col-lg-4 wow fadeIn" data-wow-delay="0.5s">
  86.               <div class="bg-light rounded p-3">
  87.                 <div class="d-flex align-items-center bg-white rounded p-3" style="border: 1px dashed rgba(0, 185, 142, .3)">
  88.                   <div class="icon me-3" style="width: 45px; height: 45px;">
  89.                     <i class="fa fa-phone-alt text-primary"></i>
  90.                   </div>
  91.                   <span>+225 07 07 34 16 16 </span>
  92.                 </div>
  93.               </div>
  94.             </div>
  95.           </div>
  96.         </div>
  97.         <div class="col-md-6 wow fadeInUp" data-wow-delay="0.1s">
  98.           <iframe class="position-relative rounded w-100 h-100"
  99.                   src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3001156.4288297426!2d-78.01371936852176!3d42.72876761954724!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4ccc4bf0f123a5a9%3A0xddcfc6c1de189567!2sNew%20York%2C%20USA!5e0!3m2!1sen!2sbd!4v1603794290143!5m2!1sen!2sbd"
  100.                   frameborder="0" style="min-height: 400px; border:0;" allowfullscreen="" aria-hidden="false"
  101.                   tabindex="0"></iframe>
  102.         </div>
  103.         <div class="col-md-6">
  104.           <div class="wow fadeInUp" data-wow-delay="0.5s">
  105.             <p class="mb-4">Envoyer nous votre message en remplissant ce formullaire.</p>
  106.            {{ form_start(Formcontact) }}
  107.               <div class="row g-3">
  108.                 <div class="col-md-6">
  109.                   <div class="form-floating">
  110.                    {{ form_widget(Formcontact.fullName) }}
  111.                     <label for="name">Votre Nom</label>
  112.                   </div>
  113.                 </div>
  114.                 <div class="col-md-6">
  115.                   <div class="form-floating">
  116.                     {{ form_widget(Formcontact.email) }}
  117.                     <label for="email">Votre Email</label>
  118.                   </div>
  119.                 </div>
  120.                 <div class="col-12">
  121.                   <div class="form-floating">
  122.                     {{ form_widget(Formcontact.subject) }}
  123.                     <label for="subjet">Subjet</label>
  124.                   </div>
  125.                 </div>
  126.                 <div class="col-12">
  127.                   <div class="form-floating">
  128.                     {{ form_widget(Formcontact.message) }}
  129.                     <label for="message">Message</label>
  130.                   </div>
  131.                 </div>
  132.                 <div class="col-12">
  133.                   <button class="btn btn-primary w-100 py-3" type="submit">Envoyer votre Message</button>
  134.                 </div>
  135.               </div>
  136.             {{form_end(Formcontact) }}
  137.           </div>
  138.         </div>
  139.       </div>
  140.     </div>
  141.   </div>
  142.   <!-- Contact End -->
  143. {% endblock %}