Aucune description
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

footer.js 4.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. $(document).ready(function () {
  2. let footerHtml = `
  3. <!-- footer strat -->
  4. <footer class="">
  5. <div class="footer mt-md-5">
  6. <div class="container">
  7. <div class="row w-100">
  8. <div class="col-12 col-sm-6 col-lg-5 ">
  9. <div class="footer-widget mx-w-400">
  10. <div class="footer-logo mb-25">
  11. <a href="index.html">
  12. <img class="w-50" src="./assets/img/logo/anwi-logo-white.svg" alt="footer logo">
  13. </a>
  14. </div>
  15. <h4 class="text-white mb-30 pl-10 footer-content">
  16. Sign Up to <br>
  17. Our Newsletter
  18. </h4>
  19. <div class="nletter-form mb-35 pl-10">
  20. <form class="bg-transparent border-bottom position-relative" >
  21. <input class="bg-transparent border-0 border-bottom form-control" type="text"
  22. placeholder="Email Address">
  23. <button class="btn news-letter-btn text-capitalize bg-white" >
  24. <i class="fa fa-arrow-right"></i>
  25. </button>
  26. </form>
  27. </div>
  28. </div>
  29. </div>
  30. <div class="col-12 col-lg-7 row mt-md-5">
  31. <div class="col-5 col-sm-6 col-lg-5 mb-30 pl-5">
  32. <div class="footer-widget">
  33. <div class=" cbb1 ">
  34. <div class="section-title">
  35. <h2 class="title footer-title">Products</h2>
  36. </div>
  37. </div>
  38. <!-- footer-menu start -->
  39. <ul class="footer-menu">
  40. <li><a href="servers.html">Servers</a></li>
  41. <li><a href="24-bay-storage.html">Storage</a></li>
  42. <li><a href="network-switches.html">Network Switches</a></li>
  43. <li><a href="network-cards.html">Network Cards</a></li>
  44. </ul>
  45. <!-- footer-menu end -->
  46. </div>
  47. </div>
  48. <div class="col-4 col-sm-6 col-lg-4 mb-30">
  49. <div class="footer-widget footer-information">
  50. <div class=" cbb1 ">
  51. <div class="section-title">
  52. <h2 class="title footer-title">About</h2>
  53. </div>
  54. </div>
  55. <!-- footer-menu start -->
  56. <ul class="footer-menu">
  57. <li><a href="about.html">About Us</a></li>
  58. <li><a href="#">Terms</a></li>
  59. <li><a href="#">Privacy</a></li>
  60. <li><a href="#">Careers</a></li>
  61. </ul>
  62. <!-- footer-menu end -->
  63. </div>
  64. </div>
  65. <div class="col-3 col-sm-6 col-lg-3 mb-30">
  66. <div class="footer-widget footer-information">
  67. <div class=" cbb1 ">
  68. <div class="section-title">
  69. <h2 class="title footer-title">Help</h2>
  70. </div>
  71. </div>
  72. <!-- footer-menu start -->
  73. <ul class="footer-menu">
  74. <li><a href="#">FAQs</a></li>
  75. <li><a href="contact-us.html">Contact Us</a></li>
  76. </ul>
  77. <!-- footer-menu end -->
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. <div class="justify-content-between row">
  83. <div class="col-12 col-lg-6 pl-15 row">
  84. <div class="col-lg-6 col-6"></div>
  85. <div class="col-lg-6 col-6"></div>
  86. </div>
  87. <div class="col-12 col-lg-6 social-icons text-lg-end text-center">
  88. <a href="https://www.facebook.com/">
  89. <i class="fab fa-facebook-f mx-4"></i>
  90. </a>
  91. <a href="https://www.twitter.com/">
  92. <i class="fab fa-twitter"></i>
  93. </a>
  94. <a href="https://www.instagram.com/">
  95. <i class="fab fa-instagram mx-4"></i>
  96. </a>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. <!-- coppy-right end -->
  102. </footer>
  103. <!-- footer end -->
  104. `;
  105. $("#footer-head").html(footerHtml);
  106. });