templates/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'layout.html.twig' %}
  3. {% block content %}
  4.     <div id="box-search">
  5.         <div class="thumbnail">
  6.             <img src="{{ asset('assets/img/bannieres/banniere-contact.png') }}" alt="Responsive image" class="img-fluid">
  7.         </div>
  8.     </div>
  9.     <div class="container mt-5">
  10.         <div class="row">
  11.             <div class="col-sm-12 col-md-6">
  12.                 <ul class="list-group list-group-light contact-card">
  13.                     <li class="list-group-item d-flex justify-content-between align-items-center">
  14.                         <div class="d-flex align-items-center title-2">
  15.                             <h1>EVO-LOGIS</h1>
  16.                         </div>
  17.                     </li>
  18.                     <li class="list-group-item d-flex justify-content-between align-items-center">
  19.                         <div class="d-flex align-items-center">
  20.                             <i class="fas fa-phone"></i>
  21.                             <div class="ms-3">
  22.                                 <p class="text-muted mb-1">05 55 14 62 77</p>
  23.                             </div>
  24.                         </div>
  25.                     </li>
  26.                     <li class="list-group-item d-flex justify-content-between align-items-center">
  27.                         <div class="d-flex align-items-center">
  28.                             <i class="far fa-envelope"></i>
  29.                             <div class="ms-3">
  30.                                 <p class="text-muted mb-1">contact@evo-logis.fr</p>
  31.                             </div>
  32.                         </div>
  33.                     </li>
  34.                     <li class="list-group-item d-flex justify-content-between align-items-center">
  35.                         <div class="d-flex align-items-center">
  36.                             <i class="fas fa-home"></i>
  37.                             <div class="ms-3">
  38.                                 <p class="text-muted mb-1">9 Rue de la Gare, 87600 Rochechouart <br> Venez visiter notre showroom ! </p>
  39.                             </div>
  40.                         </div>
  41.                     </li>
  42.                     <li class="list-group-item d-flex justify-content-between align-items-center">
  43.                         <div class="d-flex align-items-center">
  44.                             <i class="far fa-clock"></i>
  45.                             <div class="ms-3">
  46.                                 <p class="text-muted mb-1">Horaires d'ouverture : <br> 9h00 - 12h00 / 14h00 - 18h00</p>
  47.                             </div>
  48.                         </div>
  49.                     </li>
  50.                 </ul>
  51.             </div>
  52.             <div class="col-sm-12 col-md-6">
  53.                 <div class="map-responsive">
  54.                     <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2780.0707288808394!2d0.8278641767501675!3d45.82986620896611!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47feeadc152df7f9%3A0xcb6ef7932d7cbe35!2sEvo-logis!5e0!3m2!1sfr!2sfr!4v1749630832391!5m2!1sfr!2sfr"
  55.                             width="600" height="400" style="border:0;" allowfullscreen="" loading="lazy"
  56.                             referrerpolicy="no-referrer-when-downgrade"></iframe>
  57.                 </div>
  58.             </div>
  59.         </div>
  60.     </div>
  61.     <div class="container mt-5">
  62.         <div class="row">
  63.             <div class="col-md-12 title-2">
  64.                 <h1>UN PROJET, UNE QUESTION ? ÉCRIVEZ NOUS !</h1>
  65.             </div>
  66.             <div class="col-sm-12 col-md-12">
  67.                 {% for message in app.flashes('success') %}
  68.                     <div class="alert alert-success">
  69.                         {{ message }}
  70.                     </div>
  71.                 {% endfor %}
  72.                 {{ form_start(form) }}
  73.                 <div class="my-custom-class-for-errors">
  74.                     {{ form_errors(form) }}
  75.                 </div>
  76.                 <div class="row">
  77.                     <div class="col-12">
  78.                         {{ form_row(form.type) }}
  79.                     </div>
  80.                     <div class="col-12">
  81.                         {{ form_row(form.nom) }}
  82.                     </div>
  83.                     <div class="col-12">
  84.                         {{ form_row(form.prenom) }}
  85.                     </div>
  86.                     <div class="col-12">
  87.                         {{ form_row(form.cp) }}
  88.                     </div>
  89.                     <div class="col-12">
  90.                         {{ form_row(form.ville) }}
  91.                     </div>
  92.                     <div class="col-12">
  93.                         {{ form_row(form.tel) }}
  94.                     </div>
  95.                     <div class="col-12">
  96.                         {{ form_row(form.email) }}
  97.                     </div>
  98.                     <div class="col-12">
  99.                         {{ form_row(form.sujet) }}
  100.                     </div>
  101.                     <div class="col-12">
  102.                         {{ form_row(form.projet) }}
  103.                     </div>
  104.                     <div class="col-12">
  105.                         {{ form_row(form.comments) }}
  106.                     </div>
  107.                     <div class="col-12 my-auto">
  108.                         {{ form_row(form.rappel) }}
  109.                     </div>
  110.                 </div>
  111.                 {{ form_end(form) }}
  112.             </div>
  113.         </div>
  114.     </div>
  116.     <div class="container mb-3 mt-5">
  118.         <div class="form-group col-md-12 col-sm-12 mt-4" style="text-align: center">
  120.             <div class="lds-ring col-md-12 col-sm-12" id="lds-ring" hidden>
  121.                 <div></div>
  122.                 <div></div>
  123.                 <div></div>
  124.                 <div></div>
  125.             </div>
  126.             <div class="text-center" id="done" hidden="">Nous avons bien reçu votre demande ! <br> Nous allons vous
  127.                 contacter d'ici peu, merci de votre confiance.
  128.             </div>
  129.         </div>
  131.     </div>
  132. {% endblock %}
  134. {% block footer %}
  135.     {{ parent() }}
  136.     <script src="{{ asset('assets/js/contact.js') }}"></script>
  137. {% endblock %}