templates/pages/contact.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% block title %}
  3.     Contact |
  4.     {{ parent() }}
  5. {% endblock %}
  7. {% block content %}
  8.     {% include "_partials/_navbar.html.twig" %}
  9.     <div class="jumbotron text-right" style="background-color:#ff944d">
  10.         <h1 class="display-4" style="color:white">
  11.             <strong>
  12.                 La business intelligence à votre service
  13.             </strong>
  14.         </h1>
  15.         <hr class="my-4">
  16.         <p style="color:#68748D;">
  17.             <medium class="my-1">
  18.                 Gardons le contact, écrivez-nous !
  19.                 <span class="pl-3">
  20.                     <i class="align-middle far fa-envelope fa-2x"></i>
  21.                 </span>
  22.             </medium>
  23.         </p>
  24.     </div>
  25.     <div class="container">
  26.         <div class="row row-cols-2">
  27.             <div
  28.                 class="col">
  29.                 {# contact form #}
  30.                 <div class="card border-0">
  31.                     <span style="font-size: 3em;">
  32.                         <i class="fas fa-envelope-open-text card-img-top text-center"></i>
  33.                     </span>
  34.                     <div class="card-body">
  35.                         <h4 class="card-title">Ecrivez-nous...</h4>
  36.                         <p class="card-text" style="height: 15px;">
  37.                             {{form_start(form)}}
  38.                             {% for label, messages in app.flashes(['success', 'danger']) %}
  39.                                 {% for message in messages %}
  40.                                     <div class="alert alert-{{ label }}">
  41.                                         {{ message }}
  42.                                     </div>
  43.                                 {% endfor %}
  44.                             {% endfor %}
  45.                             {{form_errors(form)}}
  46.                             {{form_widget(form)}}
  47.                             <button type="submit" class="btn btn-sm btn-block btn-outline text-center">
  48.                                 <span style="font-size: 2rem;">
  49.                                     <span style="color: #68748D;">
  50.                                         <i class="far fa-paper-plane"></i>
  51.                                     </span>
  52.                                 </span>
  53.                             </button>
  54.                             {{form_end(form)}}
  55.                         </p>
  56.                     </div>
  57.                 </div>
  58.             </div>
  59.             <div
  60.                 class="col">
  61.                 {# site #}
  62.                 <div class="card border-0">
  63.                     <span style="font-size: 3em; color: Red;">
  64.                         <i class="fas fa-map-marked-alt card-img-top text-center"></i>
  65.                     </span>
  66.                     <div class="card-body">
  67.                         <h4 class="card-title">Siège</h4>
  68.                         {# map #}
  69.                         <div class="card-text embed-responsive embed-responsive-16by9" style="margin-top: 70px; height: 310px;">
  70.                             <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2624.3265549534062!2d2.3035782159577645!3d48.87105100776874!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66fc3f3aec32f%3A0xb335e7c4dbe724fe!2s128%20Rue%20la%20Bo%C3%A9tie%2C%2075008%20Paris!5e0!3m2!1sfr!2sfr!4v1620921853773!5m2!1sfr!2sfr" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
  71.                         </div>
  73.                     </div>
  74.                 </div>
  75.             </div>
  76.         </div>
  77.     </div>
  78.     <div class="row my-3 px-3">
  79.         <div class="blocknote">
  80.             <div class="alert alert-info" role="alert">
  81.                 <strong>Pour information</strong>
  82.             </div>
  83.             <div class="small text-justify">
  84.                 <i>Conformément aux articles 38 et suivants de la loi n° 78-17 du 6 janvier 1978 relative à l'informatique, aux fichiers et aux libertés,                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                toute personne utilisant ce formulaire dispose d'un droit d'accès, peut obtenir communication, rectification et/ou suppression des informations le concernant.</i>
  85.             </div>
  86.             <hr class="my-2"/>
  87.             <div class="small text-justify">
  88.                 <i>In accordance with the GDPR and the law of January 6, 1978, n°78-17 related to data protection, by using this on-line form you have the right to request access to and rectification                                                                                                                                                                                                                                                                                                                                                                                                                                                            or erasure of your personal data as detailed in our privacy policy.</i>
  89.             </div>
  90.         </div>
  91.     </div>
  92. {% endblock %}