$(document).ready(function () {
  let footerHtml = `
   <!-- footer strat -->
<footer class="">
<div class="footer mt-md-5">
<div class="container">
    <div class="row w-100">
        <div class="col-12 col-sm-6 col-lg-5 ">
            <div class="footer-widget mx-w-400">
                <div class="footer-logo mb-25">
                    <a href="index.html">
                        <img class="w-50" src="./assets/img/logo/anwi-logo-white.svg" alt="footer logo">
                    </a>
                </div>
                <h4 class="text-white mb-30 pl-10 footer-content">
                    Sign Up to <br>
                    Our Newsletter
                </h4>

                <div class="nletter-form mb-35 pl-10">
                    <form class="bg-transparent border-bottom position-relative" >
                        <input class="bg-transparent border-0 border-bottom form-control" type="text"
                            placeholder="Email Address">
                        <button class="btn news-letter-btn text-capitalize bg-white" >
                            <i class="fa fa-arrow-right"></i>
                        </button>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-12 col-lg-7 row mt-md-5">
            <div class="col-5 col-sm-6 col-lg-5 mb-30 pl-5">
                <div class="footer-widget">
                    <div class=" cbb1 ">
                        <div class="section-title">
                            <h2 class="title footer-title">Products</h2>
                        </div>
                    </div>
                    <!-- footer-menu start -->
                    <ul class="footer-menu">
                        <li><a href="servers.html">Servers</a></li>
                        <li><a href="24-bay-storage.html">Storage</a></li>
                        <li><a href="network-switches.html">Network Switches</a></li>
                        <li><a href="network-cards.html">Network Cards</a></li>
                    </ul>
                    <!-- footer-menu end -->
                </div>
            </div>
            <div class="col-4 col-sm-6 col-lg-4 mb-30">
                <div class="footer-widget footer-information">
                    <div class=" cbb1 ">
                        <div class="section-title">
                            <h2 class="title footer-title">About</h2>
                        </div>
                    </div>
                    <!-- footer-menu start -->
                    <ul class="footer-menu">
                        <li><a href="about.html">About Us</a></li>
                        <li><a href="#">Terms</a></li>
                        <li><a href="#">Privacy</a></li>
                        <li><a href="#">Careers</a></li>
                    </ul>
                    <!-- footer-menu end -->
                </div>
            </div>
            <div class="col-3 col-sm-6 col-lg-3 mb-30">
                <div class="footer-widget footer-information">
                    <div class=" cbb1 ">
                        <div class="section-title">
                            <h2 class="title footer-title">Help</h2>
                        </div>
                    </div>
                    <!-- footer-menu start -->
                    <ul class="footer-menu">
                        <li><a href="#">FAQs</a></li>
                        <li><a href="contact-us.html">Contact Us</a></li>
                    </ul>
                    <!-- footer-menu end -->
                </div>
            </div>
        </div>
    </div>
    <div class="justify-content-between row">
        <div class="col-12 col-lg-6 pl-15 row">
            <div class="col-lg-6 col-6"></div>
            <div class="col-lg-6 col-6"></div>
        </div>
        <div class="col-12 col-lg-6 social-icons text-lg-end text-center">
            <a href="https://www.facebook.com/"> 
            <i class="fab fa-facebook-f mx-4"></i>
            </a>
            <a href="https://www.twitter.com/"> 
            <i class="fab fa-twitter"></i>
            </a>
            <a href="https://www.instagram.com/"> 
            <i class="fab fa-instagram mx-4"></i>
            </a>

        </div>
    </div>
</div>
</div>
  <!-- coppy-right end -->
</footer>
<!-- footer end -->
   `;
  $("#footer-head").html(footerHtml);
});