navbar,footer and jquery files added

dist/Js/footer.js

@@ -0,0 +1,132 @@
+$(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);
+});

dist/Js/navbar.js

@@ -0,0 +1,116 @@
+$(document).ready(function () {
+    let navbarHtml = `<div class="biz-nav-wrapper">
+    <nav class="navbar navbar-expand-lg bg-body-tertiary">
+    <div class="container">
+    <a class="navbar-brand" href="./index.html"><img src="../assets/anwilogo-01.png" class="img-fluid" alt="Anwi-Logo"></a>
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="navbarSupportedContent">
+        <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
+          <li class="nav-item">
+            <a class="nav-link active" aria-current="page" href="#">Laptops</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="#">All in One</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="#">Servers</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="#">CPU's</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="#">Accessories</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="#">Support</a>
+          </li>
+          <li class="nav-item">
+            <a class="btn btn-dark button_dark" href="#">Get in touch</a>
+          </li>
+      </div>
+    </div>
+  </nav>
+  </div>`;
+
+    $("#navbar-head").html(navbarHtml);
+    $('.pricing').find('.biz-nav-wrapper .navbar').addClass('bg-white');
+
+    //  active-menu
+    if (location.pathname != "/") {
+        // Main Nav
+        $(".navbar-nav li a").each(function () {
+            if (this.href === location.href) {
+                $(this).addClass("active");
+                if ($(this).parents().hasClass("nav-item")) {
+                    $(this).parents(".nav-item").find(".nav-link").addClass("active");
+                }
+                return false;
+            }
+        });
+    }
+
+    // Add Dropdown chevron icon
+    let width = $(window).width();
+
+    if (width <= 991.98) {
+        $(".dropdown .nav-link").attr("data-toggle", "dropdown");
+    } else {
+        $(".dropdown .nav-link").attr("data-toggle", "");
+    }
+
+    // Toggle Icon Change
+    $(".biz-nav-wrapper .navbar-toggler").click(function () {
+        $(this).find(".navbar-toggler-icon,.navbar-close-icon").toggle("slow");
+        $(".index-new").find(".navbar").toggleClass("bg-white");
+    });
+
+    //on-scroll-nav
+    var c,
+        currentScrollTop = 0,
+        navbar = $("#biz-main-nav");
+
+    $(window).scroll(function () {
+        var a = $(window).scrollTop();
+        var b = navbar.height();
+        currentScrollTop = a;
+
+        if (c < currentScrollTop && a > b + b) {
+            if ($("#navbarNavDropdown").hasClass("show") == false) {
+                navbar.addClass("scrollUp");
+                $(".workflow-pills").removeClass("top-space");
+            }
+        } else if (c > currentScrollTop && !(a <= b)) {
+            navbar.removeClass("scrollUp");
+            $(".workflow-pills").addClass("top-space");
+        }
+
+        c = currentScrollTop;
+    });
+
+    var scroll_start = 0;
+    var startchange = $(".main-body");
+    var offset = startchange.offset();
+    if (startchange.length) {
+        $(document).scroll(function () {
+            scroll_start = $(this).scrollTop();
+            if (scroll_start > offset.top) {
+                $(".index-new")
+                    .find(".navbar")
+                    .css("background-color", "#fff")
+                    .css("box-shadow", "0px 12px 20px -25px");
+            } else {
+                $(".index-new")
+                    .find(".navbar")
+                    .css("background-color", "transparent")
+                    .css("box-shadow", "none");
+            }
+        });
+    } else {
+        $(".index-new")
+            .find(".navbar")
+            .css("background-color", "#fff")
+            .css("box-shadow", "0px 12px 20px -25px");
+    }
+});