templates/partials/footer.html.twig line 1

Open in your IDE?
  1. <footer class="bg-dark text-white py-5">
  2.     <div class="container">
  3.         <div class="row gy-4">
  4.             <!-- Company Info -->
  5.             <div class="col-md-3">
  6.                 <h3 class="fs-4 fw-bold mb-3">Fatness for Service</h3>
  7.                 <p class="text-secondary mb-3">Transform your workplace with team fitness challenges.</p>
  8.                 <div class="d-flex gap-3">
  9.                     <a href="#" class="text-secondary hover-text-white">
  10.                         <span class="visually-hidden">Facebook</span>
  11.                         <svg width="24" height="24" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
  12.                             <path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" />
  13.                         </svg>
  14.                     </a>
  15.                     <a href="#" class="text-secondary hover-text-white">
  16.                         <span class="visually-hidden">Twitter</span>
  17.                         <svg width="24" height="24" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
  18.                             <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
  19.                         </svg>
  20.                     </a>
  21.                     <a href="#" class="text-secondary hover-text-white">
  22.                         <span class="visually-hidden">LinkedIn</span>
  23.                         <svg width="24" height="24" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
  24.                             <path fill-rule="evenodd" d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" clip-rule="evenodd" />
  25.                         </svg>
  26.                     </a>
  27.                 </div>
  28.             </div>
  29.             
  30.             <!-- Quick Links -->
  31.             <div class="col-md-3">
  32.                 <h3 class="fs-4 fw-bold mb-3">Quick Links</h3>
  33.                 <ul class="nav flex-column">
  34.                     <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-secondary">Home</a></li>
  35.                     <li class="nav-item mb-2"><a href="#features" class="nav-link p-0 text-secondary">Features</a></li>
  36.                     <li class="nav-item mb-2"><a href="#how-it-works" class="nav-link p-0 text-secondary">How It Works</a></li>
  37.                     <li class="nav-item mb-2"><a href="#testimonials" class="nav-link p-0 text-secondary">Testimonials</a></li>
  38.                     <li class="nav-item mb-2"><a href="{{ path('app_blog_index') }}" class="nav-link p-0 text-secondary">Blog</a></li>
  39.                 </ul>
  40.             </div>
  41.             
  42.             <!-- Legal -->
  43.             <div class="col-md-3">
  44.                 <h3 class="fs-4 fw-bold mb-3">Legal</h3>
  45.                 <ul class="nav flex-column">
  46.                     <li class="nav-item mb-2"><a href="{{ path('app_privacy_policy') }}" class="nav-link p-0 text-secondary">Privacy Policy</a></li>
  47.                     <li class="nav-item mb-2"><a href="{{ path('app_terms_of_service') }}" class="nav-link p-0 text-secondary">Terms of Service</a></li>
  48.                     <li class="nav-item mb-2"><a href="{{ path('app_cookie_policy') }}" class="nav-link p-0 text-secondary">Cookie Policy</a></li>
  49.                 </ul>
  50.             </div>
  51.             
  52.             <!-- Contact -->
  53.             <div class="col-md-3">
  54.                 <h3 class="fs-4 fw-bold mb-3">Contact Us</h3>
  55.                 <ul class="nav flex-column text-secondary">
  56.                     <li class="nav-item mb-2 d-flex align-items-start">
  57.                         <svg width="24" height="24" class="me-2 mt-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  58.                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
  59.                         </svg>
  60.                         <span>[email protected]</span>
  61.                     </li>
  62.                     <li class="nav-item mb-2 d-flex align-items-start">
  63.                         <svg width="24" height="24" class="me-2 mt-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
  64.                             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
  65.                         </svg>
  66.                         <span>+1 (555) 123-4567</span>
  67.                     </li>
  68.                 </ul>
  69.             </div>
  70.         </div>
  71.         
  72.         <div class="border-top border-secondary mt-4 pt-4 text-center text-secondary">
  73.             <p>&copy; {{ "now"|date("Y") }} Fatness for Service. All rights reserved.</p>
  74.         </div>
  75.     </div>
  76. </footer>