sachin.ganesh/anwi_website
1
0
Форкнуть 0
Код Задачи Запросы на слияние Релизы Вики Активность

navbar,footer and jquery files added

Просмотр исходного кода
Этот коммит содержится в:
ananthvijay
2023-01-20 10:35:21 +05:30
родитель bbb38bca42
Коммит 90cb591de3
3 изменённых файлов: 250 добавлений и 0 удалений
Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы
dist/Js/footer.js
поставляемый
+132
Просмотреть файл
@@ -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/jquery.min.js
поставляемый
+2
Просмотреть файл
Различия файлов скрыты, потому что одна или несколько строк слишком длинны
dist/Js/navbar.js
поставляемый
+116
Просмотреть файл
@@ -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");
}
});