Home page and shopping-cart
This commit is contained in:
Vendored
+337
-5
@@ -1,6 +1,338 @@
|
||||
$(document).ready(function () {
|
||||
// Footer Js
|
||||
let footerHtml = `<footer class="container-fluid footer-wrapper"> <div class="footer-main-container "> <div class="footer-logo container"> <img src="../../assets/anwi logo-02.png" class="img-fluid " style="width: 100px;height: 100px;" alt="anwi"> </div><hr class="container-fluid text-white"> <div class="footer-content text-white "> <div class="container"> <div class="d-flex my-3"> <div class="col-lg-3 border-end col-lg-3 mx-3"> <h5>Products</h5> <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> </div><div class="col-lg-3 border-end col-lg-3 mx-3"> <h5>About</h5> <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> </div><div class="col-lg-3 border-end col-lg-3 mx-3"> <h5>Support</h5> <ul class="list-inline"> <li>Online Help</li><li>Customer Service</li><li>Shipping FAQ</li><li>Warranty</li><li>Bulk Orders</li></ul> </div><div class="col-lg-3"> <h5>Account</h5> <ul class="list-inline"> <li>My Shopping Cart</li><li>My Account</li></ul> <h6>Follow Us</h6> <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><hr class="container-fluid text-white"> <div class="footer-sub-content container"> <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>`;
|
||||
$(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 & 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>
|
||||
|
||||
$("#footer-head").html(footerHtml);
|
||||
});
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-main-container d-none d-sm-block ">
|
||||
<div class="footer-logo py-3
|
||||
container"> <img src="../../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><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 class="footer-rkt position-absolute bottom-0
|
||||
end-0 me-5">
|
||||
<img src="../../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 © 2022 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);
|
||||
});
|
||||
Vendored
+6
-6
@@ -1,8 +1,8 @@
|
||||
$(document).ready(function () {
|
||||
$(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>
|
||||
<a class="navbar-brand" href="./index.html"><img src="../../assets/imgs/anwi-logo-1.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>
|
||||
@@ -40,7 +40,7 @@ $(document).ready(function () {
|
||||
// active-menu
|
||||
if (location.pathname != "/") {
|
||||
// Main Nav
|
||||
$(".navbar-nav li a").each(function () {
|
||||
$(".navbar-nav li a").each(function() {
|
||||
if (this.href === location.href) {
|
||||
$(this).addClass("active");
|
||||
if ($(this).parents().hasClass("nav-item")) {
|
||||
@@ -61,7 +61,7 @@ $(document).ready(function () {
|
||||
}
|
||||
|
||||
// Toggle Icon Change
|
||||
$(".biz-nav-wrapper .navbar-toggler").click(function () {
|
||||
$(".biz-nav-wrapper .navbar-toggler").click(function() {
|
||||
$(this).find(".navbar-toggler-icon,.navbar-close-icon").toggle("slow");
|
||||
$(".index-new").find(".navbar").toggleClass("bg-white");
|
||||
});
|
||||
@@ -71,7 +71,7 @@ $(document).ready(function () {
|
||||
currentScrollTop = 0,
|
||||
navbar = $("#biz-main-nav");
|
||||
|
||||
$(window).scroll(function () {
|
||||
$(window).scroll(function() {
|
||||
var a = $(window).scrollTop();
|
||||
var b = navbar.height();
|
||||
currentScrollTop = a;
|
||||
@@ -93,7 +93,7 @@ $(document).ready(function () {
|
||||
var startchange = $(".main-body");
|
||||
var offset = startchange.offset();
|
||||
if (startchange.length) {
|
||||
$(document).scroll(function () {
|
||||
$(document).scroll(function() {
|
||||
scroll_start = $(this).scrollTop();
|
||||
if (scroll_start > offset.top) {
|
||||
$(".index-new")
|
||||
|
||||
Reference in New Issue
Block a user