templates/front/components/footer/footer.html.twig line 1

Open in your IDE?
  1. <footer class="site-footer">
  2.     <div class="container">
  3.         <div class="row py-4">
  4.             <div class="col-12 col-md-6 d-flex flex-column justify-content-center">
  5.                 <div class="pb-3 d-flex justify-content-center justify-content-md-start">            
  6.                     <img src="{{ asset('build/images/shared/logo-blanc.png') }}" class="img-fluid logo-footer" alt="">
  7.                 </div>
  8.                 <div class="d-flex flex-column justify-content-end">
  9.                     <div class="mb-3 pt-4 d-flex align-items-end">
  10.                         <i class="fa-solid fa-location-dot pt-1 pt-lg-0 align-self-start align-self-lg-end"></i>                   
  11.                         <span class="align-text-top ps-1">425 route de Chalain, 42600 Magneux-Haute-Rive</span>
  12.                     </div>
  13.                     <div class="mb-3 d-flex align-items-end">
  14.                         <i class="fa-sharp fa-light fa-envelope align-self-end"></i>
  15.                         <span class="align-middle ps-1">contact@chateaudemagneux.com</span>
  16.                     </div>
  17.                     <div class="d-flex align-items-center">
  18.                         <i class="fa-light fa-phone"></i>
  19.                         <span class="align-middle ps-1">+33 (4) 77 76 10 64</span>
  20.                     </div>   
  21.                 </div>
  22.             </div>
  23.             <div class="d-sm-block d-md-none">
  24.                 <hr>
  25.             </div>
  26.             <div class="col-12 col-md-3 pt-lg-4 mb-3">
  27.                 <p class="pt-3">Le château</p>   
  28.                 <p>Accueil</p>
  29.                 <p>Évènement</p>   
  30.             </div>
  31.             <div class="d-sm-block d-md-none">
  32.                 <hr>
  33.             </div>
  34.             <div class="col-12 col-md-3 pt-lg-4 d-flex flex-column justify-content-between">
  35.                 <div>
  36.                     <p class="pt-3">Mentions légales</p>   
  37.                     <p>CGV</p>
  38.                 </div>
  39.             <div class="d-sm-block d-md-none">
  40.                 <hr>
  41.             </div>
  42.                 <div class="col-12 pb-3 pt-4 d-flex justify-content-center justify-content-md-start align-items-end ">
  43.                     <i class="fa-brands fa-facebook-f fa-xl me-4"></i>
  44.                     <i class="fa-brands fa-instagram fa-xl me-4"></i>
  45.                     <i class="fa-brands fa-linkedin-in fa-xl"></i>
  46.                 </div>
  47.             </div>
  48.         </div>
  49.     </div>
  50. </footer>