templates/_footer.html.twig line 1

Open in your IDE?
  1. <footer class="footer pt-3 pt-md-4 bg-primary mt-auto" style="z-index: 999">
  2.     <div class="container">
  3.         <div class="row">
  4.             <div class="col-12 col-md-2 px-4 ps-md-5 mb-3 mb-md-0">
  5.                 <h6 class="text-white d-none d-md-block">&nbsp;</h6>
  6.                 <ul class="nav flex-column">
  7.                     <li class="nav-item mb-2">
  8.                         <a href="#" class="nav-link p-0 text-white">
  9.                             Explore Products
  10.                         </a>
  11.                     </li>
  12.                     <li class="nav-item mb-2">
  13.                         <a href="#" class="nav-link p-0 text-white">
  14.                             Who's using Fluid
  15.                         </a>
  16.                     </li>
  17.                     <li class="nav-item mb-2">
  18.                         <a href="#" class="nav-link p-0 text-white">
  19.                             Why Is It Free
  20.                         </a>
  21.                     </li>
  22.                 </ul>
  23.             </div>
  25.             <div class="col-12 col-md-2 px-4 ps-md-0 mb-3 mb-md-0">
  26.                 <h6 class="text-white">Company</h6>
  27.                 <ul class="nav flex-column">
  28.                     <li class="nav-item mb-2">
  29.                         <a href="{{ path('articles_page', {'pageId':5}) }}" class="nav-link p-0 text-white">
  30.                             About Fluid
  31.                         </a>
  32.                     </li>
  33.                     <li class="nav-item mb-2">
  34.                         <a href="#" class="nav-link p-0 text-white">
  35.                             Careers
  36.                         </a>
  37.                     </li>
  38.                     <li class="nav-item mb-2">
  39.                         <a href="{{ path('articles_page', {'pageId':2 }) }}" class="nav-link p-0 text-white">
  40.                             Support
  41.                         </a>
  42.                     </li>
  43.                     <li class="nav-item mb-2">
  44.                         <a href="#" class="nav-link p-0 text-white contact-link">
  45.                             Contact
  46.                         </a>
  47.                     </li>
  48.                 </ul>
  49.             </div>
  51.             <div class="col-12 col-md-2 px-4 ps-md-0 mb-3 mb-md-0">
  52.                 <h6 class="text-white">Resources</h6>
  53.                 <ul class="nav flex-column">
  54.                     <li class="nav-item mb-2">
  55.                         <a href="{{ path('articles_page', {'pageId': 3}) }}" class="nav-link p-0 text-white">
  56.                             Privacy
  57.                         </a>
  58.                     </li>
  59.                     <li class="nav-item mb-2">
  60.                         <a href="{{ path('articles_page', {'pageId': 4}) }}" class="nav-link p-0 text-white">
  61.                             Terms
  62.                         </a>
  63.                     </li>
  64.                     <li class="nav-item mb-2">
  65.                         <a href="{{ path('sellers_page') }}" class="nav-link p-0 text-white">
  66.                             Sellers
  67.                         </a>
  68.                     </li>
  69.                     <li class="nav-item mb-2">
  70.                         <a href="#" class="nav-link p-0 text-white">
  71.                             Brand Assets
  72.                         </a>
  73.                     </li>
  74.                 </ul>
  75.             </div>
  77.             <div class="col-12 col-md-4 offset-0 offset-md-1 text-white px-4 ps-md-0">
  78.                 <form>
  79.                     <h6 class="text-white">Stay Informed</h6>
  80.                     <p class="text-white">Recieve special offers and news</p>
  82.                     <div class="d-flex w-100 gap-2">
  83.                         <div class="row">
  84.                             <div class="col-12 col-md-9 px-3 ps-md-0 mb-3 mb-md-0">
  85.                                 <label for="newsletter1" class="visually-hidden">Email address</label>
  86.                                 <input id="newsletter1" type="text" class="form-control w-sm-100 w-md-auto" placeholder="Email address">
  87.                             </div>
  88.                             <div class="col-12 col-md-3 px-3 ps-md-0">
  89.                                 <button class="btn btn-secondary w-sm-100 w-md-auto" type="button">Subscribe</button>
  90.                             </div>
  91.                         </div>
  92.                     </div>
  93.                 </form>
  94.             </div>
  95.         </div>
  96.         <div class="pt-4 mt-4 border-top text-white mx-0 mx-md-4" style="border-top-color: #848484 !important;">
  97.             <div class="row">
  98.                 <div class="col-12 col-md-6 order-1 order-md-0">
  99.                     <p class="ps-3 mb-0 text-white">© 2022 Fluid Digital Whollesale. All rights reserved.</p>
  100.                 </div>
  101.                 <div class="col-12 col-md-6 order-0 order-md-1 text-end px-4">
  102.                     <ul class="list-unstyled d-flex float-end">
  103.                         <li class="ms-3">
  104.                             <a class="link-light" href="https://www.facebook.com/theveterinarygroup" target="_blank">
  105.                                 <i class="fab fa-facebook-square footer-icons"></i>
  106.                             </a>
  107.                         </li>
  108.                         <li class="ms-3">
  109.                             <a class="link-light" href="https://www.linkedin.com/company/the-veterinary-group-llc/" target="_blank">
  110.                                 <i class="fab fa-linkedin footer-icons"></i>
  111.                             </a>
  112.                         </li>
  113.                         <li class="ms-3">
  114.                             <a class="link-light" href="https://www.tiktok.com/@saracenhorsefeedsuae?lang=en" target="_blank">
  115.                                 <i class="fab fa-tiktok footer-icons"></i>
  116.                             </a>
  117.                         </li>
  118.                         <li class="ms-3">
  119.                             <a class="link-light" href="http://twitter.com/TheVetGroupLLC1" target="_blank">
  120.                                 <i class="fab fa-twitter-square footer-icons"></i>
  121.                             </a>
  122.                         </li>
  123.                         <li class="ms-3">
  124.                             <a class="link-light" href="http://instagram.com/thevet.group" target="_blank">
  125.                                 <i class="fab fa-instagram-square footer-icons"></i>
  126.                             </a>
  127.                         </li>
  128.                         <li class="ms-3">
  129.                             <a class="link-light" href="https://www.youtube.com/channel/UCw4gUpb0_l3KWGLMwaOq1-g" target="_blank">
  130.                                 <i class="fab fa-youtube-square footer-icons"></i>
  131.                             </a>
  132.                         </li>
  133.                     </ul>
  134.                 </div>
  135.             </div>
  136.         </div>
  137.     </div>
  138. </footer>