templates/partials/footer.html.twig line 1

Open in your IDE?
  1. </main>
  2. <footer>
  3.   <div class="bg-dark text-white pt-3">
  4.     <div class="container">
  5.       <div class="row text-center">
  6.         <div class="col-md-4 mb-4 mb-md-0">
  7.           <p>
  8.             <img src="{{ asset('images/logo-b.png') }}" alt="HaloGari" style="max-width:200px;" class="img-fluid">
  9.           </p>
  10.           <div class="my-3">
  11.             <a href="https://www.facebook.com/profile.php?id=61578621954625" class="text-white me-3" target="_blank"><i class="bi bi-facebook fs-5"></i></a>
  12.             {# <a href="https://www.instagram.com/halogari.yt/" class="text-white me-3" target="_blank"><i class="bi bi-instagram fs-5"></i></a> #}
  13.           </div>
  14.         </div>
  16.         <div class="col-md-2 mb-3">
  17.           <h6 class="text-orange">À propos</h6>
  18.           <ul class="list-unstyled">
  19.             <li><a href="{{ path('app_quisommesnous') }}" class="text-white text-decoration-none">Qui sommes-nous ?</a></li>
  20.           </ul>
  21.         </div>
  23.         <div class="col-md-3 mb-3">
  24.           <h6 class="text-orange">Informations légales</h6>
  25.           <ul class="list-unstyled">
  26.             <li><a href="{{ path('app_conditionsutisation') }}" class="text-white text-decoration-none">Conditions d'utilisation</a></li>
  27.             <li><a href="{{ path('app_mentionslegales') }}" class="text-white text-decoration-none">Mentions légales</a></li>
  28.             <li><a href="{{ path('app_confidentialite') }}" class="text-white text-decoration-none">Confidentialité</a></li>
  29.           </ul>
  30.         </div>
  32.         <div class="col-md-3 mb-3">
  33.           <h6 class="text-orange">Des questions ?</h6>
  34.           <ul class="list-unstyled">
  35.             <li><a href="{{ path('app_contact') }}" class="text-white text-decoration-none">Contact</a></li>
  36.             <li><a href="{{ path('app_faq') }}" class="text-white text-decoration-none">FAQ</a></li>
  37.           </ul>
  38.         </div>
  39.       </div>
  40.     </div>
  42.     <div class="bg-vert text-white text-center py-2 footer-bg-dark-subtle">
  43.       <div class="container">
  44.         <p class="mb-1">© 2025 <strong>HaloGari - Covoiturage</strong></p>
  45.         <p class="fst-italic mb-0">Covoiturage innovant pas cher entre particuliers à Mayotte.</p>
  46.         <p class="mb-0">Tous droits réservés.</p>
  47.       </div>
  48.     </div>
  49.   </div>
  50. </footer>
  53. <!-- Modal -->
  54. <div class="modal fade" id="modalConnexion" tabindex="-1" aria-labelledby="modalConnexionLabel" aria-hidden="true">
  55.     <div class="modal-dialog modal-dialog modal-dialog-centered">
  56.         <div class="modal-content">
  57.             <div class="modal-header double-border-bottom">
  58.                 <h1 class="modal-title fs-5" id="modalConnexionLabel">Se connecter</h1>
  59.                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  60.             </div>
  61.             <div class="modal-body">
  62.                 {% include 'partials/form-connexion.html.twig' %}
  63.             </div>
  64.         </div>
  65.     </div>
  66. </div>