templates/section/footer.html.twig line 1

Open in your IDE?
  1. <footer class="bg-acti-blue text-white pt-5">
  2.   <div class="container">
  3.     <div class="row gy-4">
  4.       <!-- Logo -->
  5.       <div class="col-md-3">
  6.         <img src="{{ asset('img/logo-acti.png') }}" height="150" alt="ACTI Protection" class="mb-3">
  7.       </div>
  9.       <!-- Catégories -->
  10.       <div class="col-6 col-md-2">
  11.         <h6 class="text-uppercase small fw-bold mb-2">Catégories</h6>
  12.         <ul class="list-unstyled small">
  13.           <li><a href="#" class="text-white text-decoration-none">Protection pied</a></li>
  14.           <li><a href="#" class="text-white text-decoration-none">Protection tête</a></li>
  15.           <li><a href="#" class="text-white text-decoration-none">Protection mains</a></li>
  16.           <li><a href="#" class="text-white text-decoration-none">Vêtements haute visibilité</a></li>
  17.         </ul>
  18.       </div>
  20.       <!-- Services -->
  21.       <div class="col-6 col-md-2">
  22.         <h6 class="text-uppercase small fw-bold mb-2">Nos services</h6>
  23.         <ul class="list-unstyled small">
  24.           <li><a href="#" class="text-white text-decoration-none">Demander un devis</a></li>
  25.           <li><a href="#" class="text-white text-decoration-none">Personnalisation</a></li>
  26.         </ul>
  27.       </div>
  29.       <!-- Normes -->
  30.       <div class="col-6 col-md-2">
  31.         <h6 class="text-uppercase small fw-bold mb-2">Normes</h6>
  32.         <ul class="list-unstyled small">
  33.           <li><a href="#" class="text-white text-decoration-none">Normes des vêtements</a></li>
  34.           <li><a href="#" class="text-white text-decoration-none">Normes des chaussures</a></li>
  35.           <li><a href="#" class="text-white text-decoration-none">Normes des accessoires</a></li>
  36.         </ul>
  37.       </div>
  39.       <!-- Contact -->
  40.       <div class="col-6 col-md-3">
  41.         <h6 class="text-uppercase small fw-bold mb-2">Service client</h6>
  42.         <ul class="list-unstyled small mb-2">
  43.           <li><i class="fa fa-phone me-1"></i>0596 56 25 20</li>
  44.           <li><i class="fa fa-envelope me-1"></i> contact@actiprotection.fr</li>
  45.         </ul>
  46.         <div class="d-flex gap-3 fs-5">
  47.           <a href="#" class="text-white"><i class="fab fa-instagram"></i></a>
  48.           <a href="#" class="text-white"><i class="fab fa-facebook"></i></a>
  49.           <a href="#" class="text-white"><i class="fab fa-linkedin"></i></a>
  50.         </div>
  51.       </div>
  52.     </div>
  54.     <!-- Barre bas de page -->
  55.     <hr class="border-light mt-4">
  56.     <div class="d-flex flex-wrap justify-content-between align-items-center small py-3">
  57.       <span>CGV | <a href="#" class="text-white text-decoration-none">Mentions légales</a></span>
  58.       <div class="d-flex gap-2 align-items-center">
  59.         <img src="{{ asset('img/logo/payments.png') }}" height="24" alt="Visa">
  60.       </div>
  61.     </div>
  62.   </div>
  63. </footer>