anwi_website/dist/Js/footer.js

$(document).ready(function() {
    // Footer Js
    let footerHtml = `<footer class="footer-wrapper sec-space-1">
    <div class="aw-mobile-footer d-block d-sm-none">
    <div class="accordion" id="accordionExample">
    <div class="accordion-item">
      <h2 class="accordion-header" id="headingOne">
        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
        Products
        </button>
      </h2>
      <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
        <div class="accordion-body">
        <ul class="list-inline ">
        <li>Laptops</li>
        <li>All-in-One</li>
        <li>Monitors </li>
        <li>Peripherals
        </li>
        <li>Desktops</li>
        <li>Components</li>
        <li>Network Switches
        </li>
        <li>Network Cards</li>
        <li>Servers</li>
        <li>Storage</li>
        <li>Compact Workstations
        </li>
    </ul>
        </div>
      </div>
    </div>
    <div class="accordion-item">
      <h2 class="accordion-header" id="headingTwo">
        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
        Anwi
        </button>
      </h2>
      <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
        <div class="accordion-body">
        <ul class="list-inline">
        <li>About Us</li>
        <li>Contact Us</li>
        <li>Quality Certification </li>
        <li>Case Study</li>
        <li>Terms </li>
        <li>Privacy</li>
        <li>Careers</li>
    </ul>
        </div>
      </div>
    </div>
    <div class="accordion-item">
      <h2 class="accordion-header" id="headingThree">
        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
        User Centre
        </button>
      </h2>
      <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
        <div class="accordion-body">
        <ul class="list-inline">
        <li>My Quotes</li>
        <li>My Support</li>
    </ul>
        </div>
      </div>
    </div>
    <div class="accordion-item">
    <h2 class="accordion-header" id="headingFour">
      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
      Support
      </button>
    </h2>
    <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample">
      <div class="accordion-body">
      <ul class="list-inline">
      <li>Contact Sales</li>
      <li>Tech Support
      </li>
      <li>Help Centre
      </li>
      <li>Feedback</li>
  </ul>
      </div>
    </div>
  </div>
    <div class="accordion-item">
    <h2 class="accordion-header" id="headingFive">
      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
      Service
      </button>
    </h2>
    <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#accordionExample">
      <div class="accordion-body">
      <ul class="list-inline">
      <li>Payment Method
      </li>
      <li> Shipping &amp; Delivery
      </li>
      <li> Return Policy
      </li>
      <li>Product Warranty
      </li>
      <li>Online Help
      </li>
      <li> Bulk Orders</li>
  </ul>
      </div>
    </div>
  </div>
    <div class="accordion-item">
    <h2 class="accordion-header" id="headingSix">
      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
      Account
      </button>
    </h2>
    <div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix" data-bs-parent="#accordionExample">
      <div class="accordion-body">
      <ul class="list-inline">
      <li>My Shopping Cart</li>
      <li>My Account
      </li>
  </ul>
      </div>
    </div>
  </div>
    <div class="accordion-item">
    <h2 class="accordion-header" id="headingSeven">
      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
      Follow Us
      </button>
    </h2>
    <div id="collapseSeven" class="accordion-collapse collapse" aria-labelledby="headingSeven" data-bs-parent="#accordionExample">
      <div class="accordion-body">
      <ul class="list-inline">
                                <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>

      </div>
    </div>
  </div>
  </div>
  </div>
    <div class="footer-main-container d-none d-sm-block ">
        <div class="footer-logo py-3
                container"> <img src="./dist/assets/imgs/anwi-logo-2.png" class="img-fluid "  alt="anwi"> </div>
        <hr class="container-fluid
                text-white">
        <div class="footer-content-main-container">
            <div class="footer-content text-white position-relative ">
                <div class="container">
                    <div class="d-flex my-3">
                        <div class="col-lg-3 border-end col-lg-3 mx-3">
                            <h5 class="fw-bold">Products</h5>
                            <ul class="list-inline ">
                                <li>Laptops</li>
                                <li>All-in-One</li>
                                <li>Monitors </li>
                                <li>Peripherals
                                </li>
                                <li>Desktops</li>
                                <li>Components</li>
                                <li>Network Switches
                                </li>
                                <li>Network Cards</li>
                                <li>Servers</li>
                                <li>Storage</li>
                                <li>Compact Workstations
                                </li>
                            </ul>
                        </div>
                        <div class="col-lg-3 border-end col-lg-3
                                mx-3">
                            <h5 class="fw-bold">Anwi</h5>
                            <ul class="list-inline">
                                <li>About Us</li>
                                <li>Contact Us</li>
                                <li>Quality Certification </li>
                                <li>Case Study</li>
                                <li>Terms </li>
                                <li>Privacy</li>
                                <li>Careers</li>
                            </ul>
                            <h5 class="fw-bold">User Centre</h5>
                            <ul class="list-inline">
                                <li>My Quotes</li>
                                <li>My Support</li>
                            </ul>
                        </div>
                        <div class="col-lg-3 border-end col-lg-3
                                mx-3">
                            <h5 class="fw-bold">Support</h5>
                            <ul class="list-inline">
                                <li>Contact Sales</li>
                                <li>Tech Support
                                </li>
                                <li>Help Centre
                                </li>
                                <li>Feedback</li>
                            </ul>
                            <h5 class="fw-bold">Service</h5>
                            <ul class="list-inline">
                                <li>Payment Method
                                </li>
                                <li> Shipping & Delivery
                                </li>
                                <li> Return Policy
                                </li>
                                <li>Product Warranty
                                </li>
                                <li>Online Help
                                </li>
                                <li> Bulk Orders</li>

                            </ul>
                        </div>
                        <div class="col-lg-3 last-col-footer">
                            <h5 class="fw-bold">Account</h5>
                            <ul class="list-inline">
                                <li>My Shopping Cart</li>
                                <li>My Account
                                </li>
                            </ul>
                            <h5 class="fw-bold">Follow Us</h5>
                            <ul class="list-inline">
                                <li>
                                    <ul class="d-flex
                                            list-inline">
                                        <li class="footer-socailImg"><img src="dist/assets/imgs/footer/twitter.png" alt="logo" class="px-1 img-fluid"></li>
                                        <li>Twitter</li>
                                    </ul>
                                </li>
                                <li>
                                    <ul class="d-flex list-inline">
                                        <li class="footer-socailImg"><img src="dist/assets/imgs/footer/instra.png" alt="logo" class="px-1 img-fluid"></li>
                                        <li>Instagram</li>
                                    </ul>
                                </li>
                                <li>
                                    <ul class="d-flex list-inline">
                                        <li class="footer-socailImg"><img src="dist/assets/imgs/footer/youtube.png" alt="logo" class="px-1 img-fluid"></li>
                                        <li>Youtube</li>
                                    </ul>
                                </li>
                                <li>
                                    <ul class="d-flex list-inline">
                                        <li class="footer-socailImg"><img src="dist/assets/imgs/footer/linkedin.png" alt="logo" class="px-1 img-fluid"></li>
                                        <li>Linkedin</li>
                                    </ul>
                                </li>
                                <li>
                                    <ul class="d-flex list-inline">
                                        <li class="footer-socailImg"><img src="dist/assets/imgs/footer/facebook.png" alt="logo" class="px-1 img-fluid"></li>
                                        <li>Facebook</li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="footer-rkt position-absolute bottom-0
                        end-0 me-5">
                    <img src="./dist/assets/imgs/Home/rocket-footer.png" alt="footer-rocket-img">
                </div>
            </div>
        </div>
        <hr class="container-fluid text-white">
        <div class="footer-sub-content ">
            <div class="container">
                <div class="row g-0 py-4 align-items-center">
                    <div class="col-md-5 text-white">
                        <p class="mb-0">Copyright ©${new Date().getFullYear()} Anwisystems pvt ltd. All rights reserved.</p>
                    </div>
                    <div class="col-md-2 text-white border-end
                            text-center">
                        <p class="mb-0">Privacy Policy</p>
                    </div>
                    <div class="col-md-2 text-white border-end ps-3
                            text-center">
                        <p class="mb-0"> Terms of Use Sales
                        </p>
                    </div>
                    <div class="col-md-2 text-white ps-5">
                        <p class="mb-0">Policy</p>
                    </div>

                    <!-- <ul class="d-flex mb-0
                            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>
        </div>
    </div>
</footer>`;

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

    $("[alt=footer-rocket-img]").click(function(e){
        document.documentElement.scrollTop = 0;
    })
});