const footerHtml = `<div class="container footer-top">
      <div class="row gy-4">
        <div class="col-lg-3 col-md-6 footer-about">
          <a href="index.html" class="logo d-flex align-items-center">
            <img src="./assets/img/logo.png"/>
          </a>
          <!-- <div class="footer-contact pt-3">
            <p>A108 Adam Street</p>
            <p>New York, NY 535022</p>
            <p class="mt-3"><strong>Phone:</strong> <span>+1 5589 55488 55</span></p>
            <p><strong>Email:</strong> <span>info@example.com</span></p>
          </div> -->
          <div class="social-links d-none mt-4 ms-4">
            <a href=""><i class="bi bi-twitter-x"></i></a>
            <a href=""><i class="bi bi-facebook"></i></a>
            <a href=""><i class="bi bi-instagram"></i></a>
            <a href=""><i class="bi bi-linkedin"></i></a>
          </div>
        </div>

        <div class="col-lg-3 col-md-6 footer-links">
          <h4>Useful Links</h4>
          <ul>
            <li><a href="/">Home</a></li>
            <li><a href="#">About us</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Terms of service</a></li>
            <li><a href="#">Privacy policy</a></li>
          </ul>
        </div>

        <div class="col-lg-3 col-md-6 footer-links ">
          <h4>Our Products</h4>
          <ul>
            <li><a href="#">Laptops</a></li>
            <li><a href="#">All In One's</a></li>
            <li><a href="#">Servers</a></li>
            <li><a href="#">AI NVR (coming soon)</a></li>
            <li><a href="#">Racks</a></li>
          </ul>
        </div>

        <div class="col-lg-3 col-md-6 footer-links">
          <h5 class="mb-4">Places We Serve</h5>
          <ul>
            <li><h4 class="mb-0 pb-0">San Francisco</h4></li>
            <li><h4 class="mb-0 pb-0">Kabul</h4></li>
            <li><h4 class="mb-0 pb-0">Dubai</h4></li>
            <li><h4 class="mb-0 pb-0">Hyderabad</h4></li>
          </ul>
        </div>

      </div>
    </div>

    <div class="container copyright text-center mt-4">
      <p>© <span>Copyright</span> <strong class="px-1 sitename">ADM</strong> <span>All Rights Reserved</span></p>
      <div class="credits">
        <!-- All the links in the footer should remain intact. -->
        <!-- You can delete the links only if you've purchased the pro version. -->
        <!-- Licensing information: https://bootstrapmade.com/license/ -->
        <!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] -->
      </div>
    </div>`;
    document.getElementById('footer').innerHTML = footerHtml;