templates/contact.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  3. {% block body %}
  4.     <!-- Page Title -->
  5.     <section class="page-title" style="background-size: cover;background-image: url(/frontend/images/services/home-testi-bg.jpg);" data-bs-theme="dark">
  6.         <div class="container">
  7.             <div class="page-title-row">
  9.                 <div class="page-title-content">
  10.                     <h1>Contact</h1>
  11.                     <span>Contactez nous</span>
  12.                 </div>
  14.                 <nav aria-label="breadcrumb">
  15.                     <ol class="breadcrumb">
  16.                         <li class="breadcrumb-item">
  17.                             <a href="{{ path('frontend_index') }}">Acceuil</a>
  18.                         </li>
  19.                         <li class="breadcrumb-item active" aria-current="page">Contact</li>
  20.                     </ol>
  21.                 </nav>
  23.             </div>
  24.         </div>
  25.     </section>
  26.     <!-- .page-title end -->
  28.     <!-- Content -->
  29.     <section id="content">
  30.         <div class="content-wrap">
  31.             <div class="container">
  33.                 <div
  34.                     class="row align-items-stretch col-mb-50 mb-0">
  35.                     <!-- Contact Form -->
  36.                     <div class="col-lg-6">
  38.                         <div class="fancy-title title-border">
  39.                             <h3>Envoyez-nous un courriel</h3>
  40.                         </div>
  42.                         <div class="form-widget">
  44.                             <div class="form-result"></div>
  46.                             <form class="mb-0" id="template-contactform" name="template-contactform" action="{{ path('frontend_contact_add')}}" method="post">
  48.                                 <div class="form-process">
  49.                                     <div class="css3-spinner">
  50.                                         <div class="css3-spinner-scaler"></div>
  51.                                     </div>
  52.                                 </div>
  53.                                 {{form_start(form)}}
  54.                                 <div class="row">
  55.                                     <div class="col-md-4 form-group">
  56.                                         <label for="template-contactform-name">Nom
  57.                                             <small>*</small>
  58.                                         </label>
  59.                                         {{ form_row(form.name) }}
  60.                                     </div>
  62.                                     <div class="col-md-4 form-group">
  63.                                         <label for="template-contactform-email">E-mail
  64.                                             <small>*</small>
  65.                                         </label>
  66.                                         {{ form_row(form.email) }}
  67.                                     </div>
  69.                                     <div class="col-md-4 form-group">
  70.                                         <label for="template-contactform-phone">Téléphone</label>
  71.                                         {{ form_row(form.phone) }}
  72.                                     </div>
  74.                                     <div class="w-100"></div>
  76.                                     <div class="col-md-12 form-group">
  77.                                         <label for="template-contactform-subject">Sujet
  78.                                             <small>*</small>
  79.                                         </label>
  80.                                         {{ form_row(form.subject) }}
  81.                                     </div>
  83.                                     <div class="w-100"></div>
  85.                                     <div class="col-12 form-group">
  86.                                         <label for="template-contactform-message">Message
  87.                                             <small>*</small>
  88.                                         </label>
  89.                                         {{ form_row(form.message) }}
  90.                                     </div>
  92.                                     {{form_end(form)}}
  93.                                     <div class="col-12 form-group">
  94.                                         <button name="submit" type="submit" id="submit-button" tabindex="5" value="Submit" class="button button-3d m-0">Envoyer</button>
  95.                                     </div>
  96.                                 </div>
  98.                                 <input type="hidden" name="prefix" value="template-contactform-">
  100.                             </form>
  101.                         </div>
  103.                     </div>
  104.                     <!-- Contact Form End -->
  106.                     <!-- Google Map -->
  107.                     <div class="col-lg-6 min-vh-80">
  108.                         <section class="gmap slider-parallax vh-70" data-zoom="11" data-address="Solibikes Parc vélo solidaire, Djerba" data-markers='[
  109. {title:"Solibikes Parc vélo solidaire",address: "Solibikes Parc vélo solidaire, Djerba HoumtSouk", html: jQuery("#map-marker-1").html(), icon:{ image: "/frontend/images/icons/map-icon-red.png", iconsize: [32, 39], iconanchor: [32,39] } },{address: "Association Mezraya, Djerba HoumtSouk", html: jQuery("#map-marker-1").html(), icon:{ image: "/frontend/images/icons/map-icon-red.png", iconsize: [32, 39], iconanchor: [32,39] } },{address: "  Bureau Srandi association Djerba,   Srandi association", html: jQuery("#map-marker-1").html(), icon:{ image: "/frontend/images/icons/map-icon-red.png", iconsize: [32, 39], iconanchor: [32,39] } },{address: "  Jardin Toumana Djerba, Jardin Toumana Djerba", html: jQuery("#map-marker-1").html(), icon:{ image: "/frontend/images/icons/map-icon-red.png", iconsize: [32, 39], iconanchor: [32,39] } },]'></section>
  110.                     </div>
  111.                     <!-- Google Map End -->
  112.                 </div>
  113. <div class="fancy-title title-border title-center mb-5">
  114.                         <h4 id="explore-more-elements" class="h3" data-onepage-settings="{&quot;offset&quot;:60,&quot;speed&quot;:1250,&quot;easing&quot;:false}">
  115.                             <a href="icons.html" class="btn btn-warning btn-lg ">Nos points de relais<i class="bi-arrow-right ms-2" style="position: relative; top: 1px;"></i>
  116.                             </a>
  117.                         </h4>
  118.                     </div>
  119.                 <!-- Contact Info -->
  120.                 <div class="row col-mb-50">
  121.                     {% for agency in agencies %}
  122.                         <div class="col-sm-6 col-lg-3">
  123.                             <div class="feature-box fbox-center fbox-bg fbox-plain" style="padding: 0 0rem 2rem;">
  124.                                 <div class="fbox-icon">
  125.                                     <img src="{{ asset('uploads/') ~ agency.logo }}" alt="{{ agency.title }}" class="rounded-2 h-100 object-cover">
  126.                                 </div>
  127.                                 <div class="fbox-content">
  128.                                     <h3>{{agency.title}}<span class="subtitle">{{agency.address}}</span>
  129.                                         <span class="subtitle">{{agency.email}}</span>
  130.                                         <span class="subtitle">{{agency.phone}}</span>
  132.                                     </h3>
  133.                                 </div>
  134.                             </div>
  135.                         </div>
  136.                     {% endfor %}
  137.                 </div>
  138.                 <!-- Contact Info End -->
  140.             </div>
  141.         </div>
  142.     </section>
  143.     <!-- #content end -->
  144. {% endblock %}
  146. {% block javascripts %}
  147.     <script src="{{ asset('frontend/js/plugins.flexslider.js') }}"></script>
  148.     <script src="{{ asset('frontend/js/plugins.form.js') }}"></script>
  149. {% endblock %}