templates/default/footer.html.twig line 1

Open in your IDE?
  1. <footer class="footer-otropik mt-5">
  2.   <div class="container py-5">
  3.     <div class="row g-4">
  4.       <div class="col-12 col-lg-4">
  5.         <a class="d-inline-flex align-items-center gap-2 mb-3 text-decoration-none text-white" href="{{ path('app') }}">
  6.           <img src="{{ asset('img/otropik-logo.png') }}" alt="Otropik" width="228" height="96">
  7.         </a>
  8.         <p class="small opacity-90 mb-1">Agence de voyage & réceptif basée en Guadeloupe.</p>
  9.         <p class="small opacity-75 mb-0">© {{ "now"|date("Y") }} Otropik. Tous droits réservés.</p>
  10.       </div>
  11.       <div class="col-6 col-lg-2">
  12.         <h6 class="text-uppercase small text-white-50">Découvrir</h6>
  13.         <ul class="list-unstyled">
  14.           <li><a class="footer-link" href="{{ path('o.circuit') }}">O'Circuit</a></li>
  15.           <li><a class="footer-link" href="{{ path('o.escapade') }}">O'Escapade</a></li>
  16.           <li><a class="footer-link" href="{{ path('o.roadtrip') }}">O'RoadTrip</a></li>
  17.           <li><a class="footer-link" href="{{ path('o.croisiere') }}">O'Croisière</a></li>
  18.         </ul>
  19.       </div>
  20.       <div class="col-6 col-lg-3">
  21.        <h6 class="text-uppercase small text-white-50">Contact</h6>
  22.         <address class="small mb-2 opacity-90">
  23.           CENTRE SHOPPING CENTER, RAIZET <br> 97139 LES ABYMES <br>
  24.            Bureau :<a class="footer-link" href="tel:+590590505134">0590 50 51 34</a><br>
  25.            Mobile : <a class="footer-link" href="tel:+590690357030">0690 35 70 30</a><br>
  26.           <a class="footer-link" href="mailto:o_tropik@hotmail.com">o_tropik@hotmail.com </a>
  27.         </address>
  28.         <div class="d-flex gap-3">
  29.           <a class="footer-link fs-5" href="#" aria-label="Facebook"><i class="bi bi-facebook"></i></a>
  30.           <a class="footer-link fs-5" href="#" aria-label="Instagram"><i class="bi bi-instagram"></i></a>
  31.           <a class="footer-link fs-5" href="#" aria-label="TikTok"><i class="bi bi-tiktok"></i></a>
  32.         </div>
  33.       </div>
  34.       <div class="col-12 col-lg-3">
  35.        <h5 class="text-uppercase small text-white-50">Ils nous accompagnent</h5>
  36.         <a href="https://www.regionguadeloupe.fr/accueil/" target="_blank">
  37.             <img src="{{asset('img/region.jpg')}}" width="200" alt="" style="margin-bottom:10px">
  38.         </a>
  39.           <img style="margin-bottom:15px" src="{{asset('img/cheque-tic.png')}}" width="200" alt="">
  41.       </div>
  42.     </div>
  44.     <div class="d-flex flex-column flex-md-row justify-content-between align-items-center pt-4 mt-4 border-top border-white-25">
  45.       <ul class="nav small">
  46.         <li class="nav-item"><a class="nav-link px-0 pe-3 footer-link" href="{#{ path('app_mentions_legales') }#}">Mentions légales</a></li>
  47.         <li class="nav-item"><a class="nav-link px-0 pe-3 footer-link" href="{#{ path('app_cgu') }#}">CGU</a></li>
  48.         <li class="nav-item"><a class="nav-link px-0 footer-link" href="{#{ path('app_confidentialite') }#}">Politique de confidentialité</a></li>
  49.       </ul>
  50.       <span class="small opacity-75">Made with ❤ in Guadeloupe</span>
  51.     </div>
  52.   </div>
  53. </footer>