anwi_website/dist/Js/footer.js

$(document).ready(function () {
    // Footer Js
    let footerHtml = `  <footer class=" bg-dark">
    <div class="footer-main container">
      <div class="footer-logo">
        <img src="../../assets/anwi logo-02.png" class="img-fluid "
          style="width: 10%;" alt="anwi">
      </div>
      <hr class="container-fluid text-white">
      <div class="footer-content">
        <ul class="d-flex align-items-center list-inline text-white
          justify-content-between">
          <li class="border-end border-white">
            <ul class="list-inline">
              <li class="fw-bold my-2"> Products</li>
              <li>
                <ul class="list-inline">
                  <li>Servers</li>
                  <li>Storage</li>
                  <li>Network Switches</li>
                  <li>Network Cards</li>
                  <li>Servers</li>
                  <li>Storage</li>
                  <li>Network Switches</li>
                  <li>Network Cards</li>
                  <li>Servers</li>
                  <li>Storage</li>
                  <li>Network Switches</li>
                  <li>Network Cards</li>
                </ul>
              </li>
            </ul>
          </li>
          <li class="border-end border-white">
            <ul class="list-inline">
              <li class="fw-bold my-2"> About</li>
              <li>
                <ul class="list-inline">
                  <li>About Us</li>
                  <li>Terms</li>
                  <li>Privacy</li>
                  <li>Careers</li>
                  <li>About Us</li>
                  <li>Terms</li>
                  <li>Privacy</li>
                  <li>Careers</li>
                  <li>Test1</li>
                  <li>Test1</li>
                  <li>Test1</li>
                  <li>Test1</li>
                </ul>
              </li>
            </ul>
          </li>
          <li class="border-end border-white">
            <ul class="list-inline">
              <li class="fw-bold my-2"> Support</li>
              <li>
                <ul class="list-inline">
                  <li>Online Help</li>
                  <li>Customer Service</li>
                  <li>Shipping FAQ</li>
                  <li>Warranty</li>
                  <li>Bulk Orders</li>
                </ul>
              </li>
            </ul>
          </li>
          <li>
            <ul class="list-inline">
              <li class="fw-bold my-2">Account</li>
              <li>
                <ul class="list-inline">
                  <li>My Shopping Cart</li>
                  <li>My Account</li>
                </ul>
                <ul class="list-inline">
                  <li class="fw-bold my-2">Follow Us</li>
                  <li>
                    <ul class="d-flex list-inline">
                      <li><img src="" alt="logo"></li>
                      <li>Twitter</li>
                    </ul>
                  </li>
                  <li>
                    <ul class="d-flex list-inline">
                      <li><img src="" alt="logo"></li>
                      <li>Instagram</li>
                    </ul>
                  </li>
                  <li>
                    <ul class="d-flex list-inline">
                      <li><img src="" alt="logo"></li>
                      <li>Youtube</li>
                    </ul>
                  </li>
                  <li>
                    <ul class="d-flex list-inline">
                      <li><img src="" alt="logo"></li>
                      <li>Linkedin</li>
                    </ul>
                  </li>
                  <li>
                    <ul class="d-flex list-inline">
                      <li><img src="" alt="logo"></li>
                      <li>Facebook</li>
                    </ul>
                  </li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
      </div>
      <hr class="container-fluid text-white">
      <div class="footer-sub-content">
        <ul class="d-flex list-inline align-items-center text-white">
          <li>Copyright © 2022 Anwisystems pvt ltd. All rights reserved.</li>
          <li>
            <ul class="d-flex list-inline align-items-center ms-4">
              <li>Privacy Policy</li>
              <li class="mx-5">Terms of Use Sales</li>
              <li>Policy</li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </footer>`;

    $("#footer-head").html(footerHtml);
});