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/logo-otropik-2.png') }}" alt="Otropik" width="228" height="144">
  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.           {{infos.adress}} <br> {{infos.zip}} {{infos.city}} <br>
  24.            Bureau :<a class="footer-link" href="tel:{{infos.phone}}">{{infos.phone}}</a><br>
  25.            Mobile : <a class="footer-link" href="tel:{{infos.mobile}}">{{infos.mobile}}</a><br>
  26.           <a class="footer-link" href="mailto:{{infos.mail}}">{{infos.mail}} </a>
  27.         </address>
  28.         <div class="d-flex gap-3">
  29.             {% if infos.facebook %}
  30.           <a class="footer-link fs-5" href="{{infos.facebook}}" target="_blank" aria-label="Facebook"><i class="bi bi-facebook"></i></a>
  31.         {% endif %}
  32.          {% if infos.instagram %}
  33.           <a class="footer-link fs-5" href="{{infos.instagram}}" target="_blank" aria-label="Instagram"><i class="bi bi-instagram"></i></a>
  34.             {% endif %}
  35.          {% if infos.tiktok %}
  36.           <a class="footer-link fs-5" href="{{infos.tiktok}}" target="_blank" aria-label="TikTok"><i class="bi bi-tiktok"></i></a>
  37.             {% endif %}
  38.          {% if infos.linkedin %}
  39.             <a class="footer-link fs-5" href="{{infos.linkedin}}" target="_blank" aria-label="TikTok"><i class="bi bi-tiktok"></i></a>
  40.             {% endif %}
  43.         </div>
  44.       </div>
  45.       <div class="col-12 col-lg-3">
  46.        <h5 class="text-uppercase small text-white-50">Ils nous accompagnent</h5>
  47.         <a href="https://www.regionguadeloupe.fr/accueil/" target="_blank">
  48.             <img src="{{asset('img/region.jpg')}}" width="200" alt="" style="margin-bottom:10px">
  49.         </a>
  50.           <img style="margin-bottom:15px" src="{{asset('img/cheque-tic.png')}}" width="200" alt="">
  52.       </div>
  53.     </div>
  55.     <div class="d-flex flex-column flex-md-row justify-content-between align-items-center pt-4 mt-4 border-top border-white-25">
  56.       <ul class="nav small">
  57.         <li class="nav-item"><a class="nav-link px-0 pe-3 footer-link" href="{#{ path('app_mentions_legales') }#}">Mentions légales</a></li>
  58.         <li class="nav-item"><a class="nav-link px-0 pe-3 footer-link" href="{#{ path('app_cgu') }#}">CGU</a></li>
  59.         <li class="nav-item"><a class="nav-link px-0 footer-link" href="{#{ path('app_confidentialite') }#}">Politique de confidentialité</a></li>
  60.       </ul>
  61.       <span class="small opacity-75">Made with ❤ in Guadeloupe</span>
  62.     </div>
  63.   </div>
  64. </footer>