sachin.ganesh/anwi_website
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

UI modifications in Login and index.html

Browse Source
This commit is contained in:
Abhiram
2023-04-24 12:50:08 +05:30
parent 810cfdb096
commit 9aed733cc5
16 changed files with 1108 additions and 1235 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/Js/main.js
Vendored
+20 -24
View File
@@ -14,30 +14,26 @@
$("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
}
setTimeout(naChanges, 1000);
win.on('scroll', function() {
var scroll = win.scrollTop();
if (scroll < 200) {
header.removeClass('stick');
if(ele_page == true){
$(".header-bottom.sticky-bar.stick").removeClass("sticky-bar stick");
let img_src = `./dist/assets/imgs/anwi-logo-2.png`;
$(".logo-menu-wrap").find("a img").attr("src",img_src);
$(".main-menu").find("nav ul li a").addClass("text-white");
$("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
}
} else {
header.addClass('stick');
if(ele_page == true){
$(".header-bottom").addClass("sticky-bar stick");
let src = `./dist/assets/imgs/anwi-logo-1.png`;
$(".logo-menu-wrap").find("a img").attr("src",src);
$(".main-menu").find("nav ul li a").removeClass("text-white");
$("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","currentcolor");
}
}
});
win.on('scroll', function() {
var scroll = win.scrollTop();
if (scroll < 200) {
header.removeClass('stick');
$(".header-bottom.sticky-bar.stick").removeClass("sticky-bar stick");
let img_src = `./dist/assets/imgs/anwi-logo-2.png`;
$(".logo-menu-wrap").find("a img").attr("src",img_src);
$(".main-menu").find("nav ul li a").addClass("text-white");
$("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
} else {
header.addClass('stick');
$(".header-bottom").addClass("sticky-bar stick");
let src = `./dist/assets/imgs/anwi-logo-1.png`;
$(".logo-menu-wrap").find("a img").attr("src",src);
$(".main-menu").find("nav ul li a").removeClass("text-white");
$("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","currentcolor");
}
});
/*--------------------------------
Slider active 1
dist/Js/navbar.js
Vendored
+10 -14
View File
@@ -1,13 +1,13 @@
let nav_html = `
<header class="header-area section-padding-1 transparent-bar bg-white">
<header class="header-area section-padding-1 transparent-bar">
<div class="header-large-device">
<div class="header-bottom sticky-bar">
<div class="container">
<div class="header-bottom-flex">
<div class="logo-menu-wrap d-flex">
<div class="logo">
<a href="./index.html">
<img src="./dist/assets/imgs/anwi-logo-1.png" alt="logo" class="w-50">
<a href="../index.html">
<img src="../dist/assets/imgs/anwi-logo-2.png" alt="logo" class="w-50">
</a>
</div>
<div class="main-menu menu-lh-1 main-menu-padding-1">
@@ -26,10 +26,10 @@ let nav_html = `
</div>
<div class="header-action-wrap header-action-flex header-action-width header-action-mrg-1">
<div class="same-style">
<a href="./myaccount.html" class="my_avatar"><i class="fa-solid fa-user"></i> PROFILE</a>
<a href="./myaccount.html" class="my_avatar"><i class="fa-solid fa-user"></i></a>
</div>
<div class="same-style header-cart">
<a class="cart-active1" href="#"><i class="fa-solid fa-cart-shopping"></i> CART</a>
<a class="cart-active1" href="#"><i class="fa-solid fa-cart-shopping"></i></a>
</div>
</div>
</div>
@@ -49,8 +49,8 @@ let nav_html = `
</button>
</div>
<div class="mobile-logo mobile-logo-width ps-3">
<a href="./index.html">
<img alt="" src="./dist/assets/imgs/anwi-logo-1.png" class="w-50">
<a href="../index.html">
<img alt="" src="../dist/assets/imgs/anwi-logo-1.png" class="w-50">
</a>
</div>
</div>
@@ -75,8 +75,8 @@ let nav_html = `
<div class="row pb-2 border-bottom">
<div class="col-6">
<div class="mobile-logo mobile-logo-width">
<a href="./index.html">
<img alt="" src="./dist/assets/imgs/anwi-logo-1.png" class="w-75">
<a href="../index.html">
<img alt="" src="../dist/assets/imgs/anwi-logo-1.png" class="w-75">
</a>
</div>
</div>
@@ -197,11 +197,7 @@ if (window.location.pathname.includes(loc_path) === false) {
localStorage.removeItem("top_data")
}
let loc_paths = '/becomeamember.html';
if (window.location.pathname.includes(loc_paths) === true) {
$(".header-area").removeClass("bg-white");
$(".header-bottom.sticky-bar").addClass("shadow-none")
}
//services pages links and sources
let $body_pg = $("body").hasClass("services_page");
dist/Js/navbar1.js
Vendored
+207 -730
View File
@@ -1,761 +1,238 @@
$(document).ready(function () {
let navbarHtml = `<div class="biz-nav-wrapper d-lg-none d-block">
<nav class="navbar pb-lg-4 navbar-expand-lg bg-body-tertiary">
<div class="container">
<a class="navbar-brand" href="./index.html"><img src="./dist/assets/imgs/anwi-logo-1.png"
class="img-fluid" alt="Anwi-Logo"></a>
<button class="navbar-toggler collapsed border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar top-bar"></span>
<span class="icon-bar middle-bar"></span>
<span class="icon-bar bottom-bar"></span>
</button>
<div class="collapse navbar-collapse mega-nav " id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0 d-none">
<li class="nav-item">
<ul class="navbar-nav ">
<li class="nav-item dropdown has-mega-menu">
<a class="nav-link pl-2 mbil-name" href="#" aria-haspopup="true"
aria-expanded="false">Laptops</a>
<div class="dropdown-menu rounded-0">
<div class="container">
<div class="row dropdown-items-row">
<ul class="d-flex justify-content-center list-inline">
<li class="mx-3"> <a class="dropdown-item " href="#">
<div class="dropdown-item-img text-center mb-2">
<img src="./dist/assets/imgs/Navbar/Creator-laptop.png"
alt="Laptop-img" class="img-fluid">
</div>
<div class="dropdown-item-content">
<h6
class="dropdown-item-title text-center satoshi_font">
ZENO 14 inch Business Laptop</h6>
</div>
</a></li>
<li class="mx-3"> <a class="dropdown-item " href="#">
<div class="dropdown-item-img text-center mb-2">
<img src="./dist/assets/imgs/Navbar/Business-laptop.png"
alt="Laptop-img" class="img-fluid">
</div>
<div class="dropdown-item-content">
<h6
class="dropdown-item-title text-center satoshi_font">
ZENO 15.6 inch Business Laptop</h6>
</div>
</a></li>
let nav_html = `
<header class="header-area section-padding-1 transparent-bar " style="background:#0A1039">
<div class="header-large-device">
<div class="header-bottom sticky-bar">
<div class="container">
<div class="header-bottom-flex">
<div class="logo-menu-wrap d-flex">
<div class="logo">
<a href="../index.html">
<img src="../dist/assets/imgs/anwi-logo-2.png" alt="logo" class="w-50">
</a>
</div>
<div class="main-menu menu-lh-1 main-menu-padding-1">
<nav>
<ul class="mb-0 p-0">
<li><a href="./storageproducts.html" class="satoshi_font">STORAGE</a></li>
<li><a href="./ramproducts.html" class="satoshi_font">RAM</a></li>
<li><a href="./support.html" class="satoshi_font">SUPPORT</a></li>
<li><a href="./press.html" class="satoshi_font">PRESS</a></li>
<li><a href="./index1.html" class="satoshi_font">COMING SOON</a></li>
<li><a href="./contact.html" class="satoshi_font">CONTACT</a></li>
<li class="d-none"><a href="#" class="satoshi_font product_data" item_id="106633220000002">ACCESSORIES</a></li>
</ul>
</div>
</nav>
</div>
</div>
</li>
</ul>
</li>
<li class="nav-item">
<ul class="navbar-nav ">
<li class="nav-item dropdown has-mega-menu">
<a class="nav-link pl-2 mbil-name" href="#" aria-haspopup="true"
aria-expanded="false">All in One</a>
<div class="dropdown-menu rounded-0">
<div class="container">
<div class="row dropdown-items-row">
<ul class="d-flex justify-content-center list-inline">
<li class="mx-3"> <a class="dropdown-item " href="#">
<div class="dropdown-item-img text-center mb-2">
<img src="./dist/assets/imgs/Navbar/Compact-cpu.png"
alt="Laptop-img" class="img-fluid">
</div>
<div class="dropdown-item-content">
<h6
class="dropdown-item-title text-center satoshi_font">
24 inch AIO i5</h6>
</div>
</a></li>
<li class="mx-3"> <a class="dropdown-item " href="./allinone34inch.html">
<div class="dropdown-item-img text-center mb-2">
<img src="./dist/assets/imgs/Navbar/Compact-cpu-2.png"
alt="Laptop-img" class="img-fluid">
</div>
<div class="dropdown-item-content">
<h6
class="dropdown-item-title text-center satoshi_font">
34 inch AIO i7 4K</h6>
</div>
</a></li>
</ul>
</div>
<div class="header-action-wrap header-action-flex header-action-width header-action-mrg-1">
<div class="same-style">
<a href="./myaccount.html" class="my_avatar"><i class="fa-solid fa-user"></i></a>
</div>
</div>
</li>
</ul>
</li>
<li class="nav-item d-none">
<ul class="navbar-nav ">
<li class="nav-item dropdown has-mega-menu">
<a class="nav-link pl-2 mbil-name" href="#" aria-haspopup="true"
aria-expanded="false">Servers</a>
<div class="dropdown-menu rounded-0">
<div class="container">
<div class="row dropdown-items-row">
<ul class="d-flex justify-content-center list-inline">
<div class="owl-carousel owl-theme
server-img-sec">
<div class="item">
<img src="./dist/assets/imgs/Navbar/Server-1.png"
class="img-fluid" alt="anwi-star-product">
<h6 class="text-center satoshi_font">Server 01</h6>
</div>
<div class="item">
<img src="./dist/assets/imgs/Navbar/Server-2.png"
class="img-fluid" alt="anwi-star-product">
<h6 class="text-center satoshi_font">Server 02 CPU
</h6>
</div>
<div class="item">
<img src="./dist/assets/imgs/Navbar/Server-3.png"
class="img-fluid" alt="anwi-star-product">
<h6 class="text-center satoshi_font">Server 03</h6>
</div>
<div class="item">
<img src="./dist/assets/imgs/Navbar/Server-4.png"
class="img-fluid" alt="anwi-star-product">
<h6 class="text-center satoshi_font">Compact CPU
</h6>
</div>
<div class="item">
<img src="./dist/assets/imgs/Navbar/Server-5.png"
class="img-fluid" alt="anwi-star-product">
<h6 class="text-center satoshi_font">Compact CPU
</h6>
</div>
</div>
</ul>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="nav-item d-none">
<ul class="navbar-nav ">
<li class="nav-item dropdown has-mega-menu">
<a class="nav-link pl-2 mbil-name" href="#" aria-haspopup="true"
aria-expanded="false">CPU's</a>
<div class="dropdown-menu rounded-0">
<div class="container">
<div class="row dropdown-items-row">
<ul class="d-flex justify-content-center list-inline">
<li class="mx-3"> <a class="dropdown-item " href="#">
<div class="dropdown-item-img text-center mb-2">
<img src="./dist/assets/imgs/Navbar/Cpu-1.png"
alt="Laptop-img" class="img-fluid">
</div>
<div class="dropdown-item-content">
<h6
class="dropdown-item-title text-center satoshi_font">
Compact CPU</h6>
</div>
</a></li>
<li class="mx-3"> <a class="dropdown-item " href="#">
<div class="dropdown-item-img text-center mb-2">
<img src="./dist/assets/imgs/Navbar/Cpu-2.png"
alt="Laptop-img" class="img-fluid">
</div>
<div class="dropdown-item-content">
<h6
class="dropdown-item-title text-center satoshi_font">
Compact CPU</h6>
</div>
</a></li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="nav-item">
<ul class="navbar-nav ">
<li class="nav-item dropdown has-mega-menu">
<a class="nav-link pl-2 mbil-name" href="#" aria-haspopup="true"
aria-expanded="false">Accessories</a>
<div class="dropdown-menu rounded-0">
<div class="container">
<div class="row dropdown-items-row">
<ul class="d-flex justify-content-center list-inline">
<div class="owl-carousel owl-theme
accessories-img-sec">
<div class="item">
<a href="./products/ora3.html" class="text-decoration-none text-dark">
<img src="./dist/assets/imgs/Navbar/Accessiories-1.png"
class="img-fluid" alt="anwi-star-product">
<h6 class="text-center satoshi_font">Ora3 PCI
Express
</h6>
</a>
</div>
<div class="item">
<a href="./products/ora4.html" class="text-decoration-none text-dark">
<img src="./dist/assets/imgs/Navbar/Accessiories-2.png"
class="img-fluid" alt="anwi-star-product">
<h6 class="text-center satoshi_font">Ora4 PCI
Express
</h6>
</a>
</div>
<div class="item">
<a href="./products/ddr5.html" class="text-decoration-none text-dark">
<img src="./dist/assets/imgs/Navbar/Accessiories-3.png"
class="img-fluid" alt="anwi-star-product">
<h6 class="text-center satoshi_font">DDR5 Desktop
Memory
</h6>
</a>
</div>
<div class="item">
<a href="./products/ddr4.html" class="text-decoration-none text-dark">
<img src="./dist/assets/imgs/Navbar/Accessiories-4.png"
class="img-fluid" alt="anwi-star-product">
<h6 class="text-center satoshi_font">DDR4 Desktop
Memory
</h6>
</a>
</div>
<div class="item">
<a href="./products/ddrlm4.html" class="text-decoration-none text-dark">
<img src="./dist/assets/imgs/Navbar/Accessiories-5.png"
class="img-fluid" alt="anwi-star-product">
<h6 class="text-center satoshi_font">DDR4 Laptop
Memory
</h6>
</a>
</div>
<div class="item">
<a href="./products/ddrlm5.html" class="text-decoration-none text-dark">
<img src="./dist/assets/imgs/Navbar/Accessiories-6.png"
class="img-fluid" alt="anwi-star-product">
<h6 class="text-center satoshi_font">DDR5 Laptop
Memory
</h6>
</a>
</div>
</div>
</ul>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link pl-2 mbil-name" href="#" aria-haspopup="true"
aria-expanded="false">Support</a>
</li>
<li class="nav-item">
<a class="btn btn-dark button_dark" href="#">Get in touch</a>
</li>
</ul>
</div>
<div class="collapse navbar-collapse mobile-menu " id="navbarSupportedContent">
<ul class="navbar-nav d-none">
<li class="nav-item">
<div class="accordion" id="accordionExample">
<div class="accordion-item border-0">
<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">
Laptops
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show"
aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body pt-0">
<ul class="list-inline ps-3">
<li><a class="dropdown-item " href="#">ZENO 14 inch Business Laptop</a></li>
<li><a class="dropdown-item " href="#">ZENO 15.6 inch Business Laptop</a></li>
</ul>
</div>
</div>
</div>
<div class="accordion-item border-0">
<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">
ALl in One
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse"
aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul class="list-inline ps-3">
<li><a href="#" class="text-dark text-decoration-none cursor-pointer">24 inch AIO i5</a></li>
<li><a href="./allinone34inch.html" class="text-dark text-decoration-none cursor-pointer">34 inch AIO i7 4K</a></li>
</ul>
</div>
</div>
</div>
<div class="accordion-item border-0 d-none">
<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">
Servers
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse"
aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul class="list-inline ps-3">
<li>Server 01</li>
<li>Server 02 CPU</li>
<li>Server 03</li>
<li>Compact CPU</li>
<li>Compact CPU</li>
</ul>
</div>
</div>
</div>
<div class="accordion-item border-0 d-none">
<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">
CPU's
</button>
</h2>
<div id="collapsefour" class="accordion-collapse collapse"
aria-labelledby="headingfour" data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul class="list-inline ps-3">
<li<a href="#" class="text-dark text-decoration-none cursor-pointer">24 inch AIO i5</a></li>
<li><a href="./allinone34inch.html" class="text-dark text-decoration-none cursor-pointer">34 inch AIO i7 4K</a></li>
</ul>
</div>
</div>
</div>
<div class="accordion-item border-0">
<h2 class="accordion-header" id="headingfive">
<button class="accordion-button collapsed nav_item" item_id="106633220000002" type="button"
data-bs-toggle="collapse" data-bs-target="#collapsefive"
aria-expanded="false" aria-controls="collapsefour">
Accessories
</button>
</h2>
<div id="collapsefive" class="accordion-collapse collapse"
aria-labelledby="headingfive" data-bs-parent="#accordionExample">
<div class="accordion-body">
<ul class="list-inline ps-3">
<li>
<a href="./ramproducts.html" class="text-decoration-none text-dark">RAMs</a>
</li>
<li>
<a href="./storageproducts.html" class="text-decoration-none text-dark">Storage</a>
</li>
<li class="d-none">
<a href="./products/ddr5.html" class="text-decoration-none text-dark">DDR5 Desktop Memory</a>
</li>
<li class="d-none">
<a href="./products/ddr4.html" class="text-decoration-none text-dark">DDR4 Desktop Memory</a>
</li>
<li class="d-none">
<a href="./products/ddrlm4.html" class="text-decoration-none text-dark">DDR4 Laptop Memory</a>
</li>
<li class="d-none">
<a href="./products/ddrlm5.html" class="text-decoration-none text-dark">DDR4 Laptop Memory</a>
</li>
</ul>
<div class="same-style header-cart">
<a class="cart-active1" href="#"><i class="fa-solid fa-cart-shopping"></i></a>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</nav>
</div>`;
$("#navbar-head").html(navbarHtml);
let navhtml = `
<div class="ruby-menu-demo-header bg-white d-none d-lg-block">
<!-- ########################### -->
<!-- START: RUBY HORIZONTAL MENU -->
<div class="ruby-wrapper container py-1">
<button class="c-hamburger c-hamburger--htx visible-xs">
<span>toggle menu</span>
</button>
<div class="row align-items-center py-lg-2">
<div class="col-1">
<a class="navbar-brand" href="./index.html">
<img src="./dist/assets/imgs/anwi-logo-1.png" class="img-fluid " alt="Anwi-Logo">
</a>
</div>
<div class="col-8">
<ul class="ruby-menu d-flex align-items-center">
<li class="ruby-menu-mega"><a href="#">Laptop</a>
<div class="ruby-grid ruby-grid-lined border-top shadow" data_txt="laptop">
<div class="ruby-row">
<ul class="d-flex justify-content-center list-inline mb-lg-2">
<li class="mx-3">
<a class="dropdown-item" href="#">
<div class="dropdown-item-img text-center mb-2 hover-zoom">
<img src="../dist/assets/imgs/Navbar/Creator-laptop.png" alt="Laptop-img" class="img-fluid mx-auto">
</div>
<div class="dropdown-item-content">
<h6 class="dropdown-item-title text-center satoshi_font px-2">ZENO 14 inch Business Laptop</h6>
</div>
</a>
</li>
<li class="mx-3">
<a class="dropdown-item " href="#">
<div class="dropdown-item-img text-center mb-2 hover-zoom">
<img src="../dist/assets/imgs/Navbar/Business-laptop.png" alt="Laptop-img" class="img-fluid mx-auto">
</div>
<div class="dropdown-item-content">
<h6 class="dropdown-item-title text-center satoshi_font px-2">ZENO 15.6 inch Business Laptop</h6>
</div>
</a>
</li>
</ul>
</div>
</div>
<span class="ruby-dropdown-toggle"></span>
</li>
<li class="ruby-menu-mega"><a href="#">All in One</a>
<div class="ruby-grid ruby-grid-lined border-top shadow" data_txt="all-in-one">
<div class="ruby-row">
<ul class="d-flex justify-content-center list-inline mb-lg-2">
<li class="mx-3">
<a class="dropdown-item" href="#">
<div class="dropdown-item-img text-center mb-2 hover-zoom">
<img src="../dist/assets/imgs/Navbar/Compact-cpu.png" alt="Laptop-img" class="img-fluid mx-auto">
<div class="header-small-device header-small-ptb sticky-bar py-md-2 py-2 bg-white">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-6 header-action-wrap">
<div class="d-flex">
<div class="same-style header-info">
<button class="mobile-menu-button-active">
<span class="info-width-1"></span>
<span class="info-width-2"></span>
<span class="info-width-3"></span>
</button>
</div>
<div class="dropdown-item-content">
<h6 class="dropdown-item-title text-center satoshi_font">24 inch AIO i5</h6>
<div class="mobile-logo mobile-logo-width ps-3">
<a href="../index.html">
<img alt="" src="../dist/assets/imgs/anwi-logo-1.png" class="w-50">
</a>
</div>
</a>
</li>
<li class="mx-3">
<a class="dropdown-item " href="./allinone34inch.html">
<div class="dropdown-item-img text-center mb-2 hover-zoom">
<img src="../dist/assets/imgs/Navbar/Compact-cpu.png" alt="Laptop-img" class="img-fluid mx-auto">
</div>
<div class="dropdown-item-content">
<h6 class="dropdown-item-title text-center satoshi_font">34 inch AIO i7 4K</h6>
</div>
</a>
</li>
</ul>
</div>
</div>
<span class="ruby-dropdown-toggle"></span>
</li>
<li class="ruby-menu-mega d-none"><a href="#">Servers</a>
<div class="ruby-grid ruby-grid-lined border-top shadow" data_txt="server">
<div class="ruby-row">
<ul class="d-flex justify-content-center list-inline mb-lg-2">
<li class="mx-3">
<a class="dropdown-item" href="laptopmulti.html">
<div class="dropdown-item-img text-center mb-2 hover-zoom">
<img src="../dist/assets/imgs/Navbar/Server-1.png" alt="Laptop-img" class="img-fluid mx-auto">
</div>
<div class="dropdown-item-content">
<h6 class="dropdown-item-title text-center satoshi_font">Server 01</h6>
</div>
</a>
</li>
<li class="mx-3">
<a class="dropdown-item" href="laptopmulti.html">
<div class="dropdown-item-img text-center mb-2 hover-zoom">
<img src="../dist/assets/imgs/Navbar/Server-2.png" alt="Laptop-img" class="img-fluid mx-auto">
</div>
<div class="dropdown-item-content">
<h6 class="dropdown-item-title text-center satoshi_font">Server 02 CPU</h6>
</div>
</a>
</li>
<li class="mx-3">
<a class="dropdown-item " href="#">
<div class="dropdown-item-img text-center mb-2 hover-zoom">
<img src="../dist/assets/imgs/Navbar/Server-3.png" alt="Laptop-img" class="img-fluid mx-auto">
</div>
<div class="dropdown-item-content">
<h6 class="dropdown-item-title text-center satoshi_font">Server 03</h6>
</div>
</a>
</li>
<li class="mx-3">
<a class="dropdown-item " href="#">
<div class="dropdown-item-img text-center mb-2 hover-zoom">
<img src="../dist/assets/imgs/Navbar/Server-4.png" alt="Laptop-img" class="img-fluid mx-auto">
</div>
<div class="dropdown-item-content">
<h6 class="dropdown-item-title text-center satoshi_font">Compact CPU</h6>
</div>
</a>
</li>
<li class="mx-3">
<a class="dropdown-item " href="#">
<div class="dropdown-item-img text-center mb-2 hover-zoom">
<img src="../dist/assets/imgs/Navbar/Server-5.png" alt="Laptop-img" class="img-fluid mx-auto">
</div>
<div class="dropdown-item-content">
<h6 class="dropdown-item-title text-center satoshi_font">Compact CPU</h6>
<div class="col-6">
<div class="header-action-wrap header-action-flex header-action-mrg-1">
<div class="same-style">
<a href="./myaccount.html" class="my_avatar"><i class="fa-solid fa-user"></i></a>
</div>
<div class="same-style header-cart">
<a class="cart-active1" href="#"><i class="fa-solid fa-cart-shopping"></i></a>
</div>
</div>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
<span class="ruby-dropdown-toggle"></span>
</li>
<li class="ruby-menu-mega d-none"><a href="#">CPU's</a>
<div class="ruby-grid ruby-grid-lined border-top shadow" data_txt="cpu">
<div class="ruby-row">
<ul class="d-flex justify-content-center list-inline mb-lg-2">
<li class="mx-3">
<a class="dropdown-item" href="laptopmulti.html">
<div class="dropdown-item-img text-center mb-2 hover-zoom">
<img src="../dist/assets/imgs/Navbar/Cpu-1.png" alt="Laptop-img" class="img-fluid mx-auto">
</div>
<div class="dropdown-item-content">
<h6 class="dropdown-item-title text-center satoshi_font">Compact CPU</h6>
</div>
</a>
</li>
<li class="mx-3">
<a class="dropdown-item " href="#">
<div class="dropdown-item-img text-center mb-2 hover-zoom">
<img src="../dist/assets/imgs/Navbar/Cpu-2.png" alt="Laptop-img" class="img-fluid mx-auto">
</div>
<div class="dropdown-item-content">
<h6 class="dropdown-item-title text-center satoshi_font">Compact CPU</h6>
</div>
</a>
</li>
</ul>
</header>
<!-- Mobile menu start -->
<div class="mobile-menu-active clickalbe-sidebar-wrapper-style-1">
<div class="clickalbe-sidebar-wrap">
<div class="row pb-2 border-bottom">
<div class="col-6">
<div class="mobile-logo mobile-logo-width">
<a href="../index.html">
<img alt="" src="../dist/assets/imgs/anwi-logo-1.png" class="w-75">
</a>
</div>
</div>
<div class="col-6 text-end pe-4">
<a class="sidebar-close"><i class="fa-solid fa-xmark"></i></a>
</div>
</div>
<span class="ruby-dropdown-toggle"></span>
</li>
<li class="ruby-menu-mega-shop"><a href="#" class="nav_item" item_id="106633220000002">Accessories</a>
<div style="height: 175px;" class="border-top shadow py-2" data_txt="Accessories">
<div class="ruby-row">
<ul class="d-flex justify-content-center list-inline mb-lg-2">
<li class="mx-3">
<a class="dropdown-item ram_data cursor-pointer" href="../ramproducts.html" accessories_id="106633220000007">
<div class="dropdown-item-img text-center mb-2 hover-zoom">
<img src="../dist/assets/imgs/Navbar/ram_img.png" alt="Laptop-img" class="h-120p img-fluid mx-auto">
<div class="mobile-menu-content-area sidebar-content-100-percent pt-3">
<div class="mobile-search d-none">
<form class="search-form" action="#">
<input type="text" placeholder="Search here…" class="satoshi_font">
<button class="button-search"><i class="fa-solid fa-magnifying-glass"></i></button>
</form>
</div>
<div class="clickable-mainmenu-wrap clickable-mainmenu-style1">
<nav>
<ul class="pl-0">
<li class=""><a href="./ramproducts.html" class="satoshi_font">RAM</a></li>
<li class=""><a href="./storageproducts.html" class="satoshi_font">STORAGE</a></li>
<li class=""><a href="./support.html" class="satoshi_font" >SUPPORT</a></li>
<li class=""><a href="./press.html" class="satoshi_font">PRESS</a></li>
<li class=""><a href="./index1.html" class="satoshi_font">COMING SOON</a></li>
<li class=""><a href="./contact.html" class="satoshi_font">CONTACT</a></li>
</ul>
</nav>
</div>
<div class="mobile-curr-lang-wrap d-none">
<div class="single-mobile-curr-lang">
<a class="mobile-language-active" href="#">Language <i class="icofont-simple-down"></i></a>
<div class="lang-curr-dropdown lang-dropdown-active">
<ul>
<li><a href="#">English</a></li>
<li><a href="#">Spanish</a></li>
<li><a href="#">Hindi </a></li>
</ul>
</div>
<div class="dropdown-item-content">
<h6 class="dropdown-item-title text-center satoshi_font px-2">RAM</h6>
</div>
</a>
</li>
<li class="mx-3">
<a class="dropdown-item" href="../storageproducts.html">
<div class="dropdown-item-img text-center mb-2 hover-zoom">
<img src="../dist/assets/imgs/Navbar/ora3_ram.png" alt="Laptop-img" class="h-120p img-fluid mx-auto">
</div>
<div class="dropdown-item-content">
<h6 class="dropdown-item-title text-center satoshi_font px-2">Storage</h6>
</div>
</a>
</li>
</ul>
</div>
</div>
<div class="aside-contact-info d-none">
<ul>
<li><i class="icofont-clock-time"></i>Monday - Friday: 9:00 - 19:00</li>
<li><i class="icofont-envelope"></i>Info@example.com</li>
<li><i class="icofont-stock-mobile"></i>(+55) 254. 254. 254</li>
<li><i class="icofont-home"></i>Helios Tower 75 Tam Trinh Hoang - Ha Noi - Viet Nam</li>
</ul>
</div>
</div>
</div>
</div>
<span class="ruby-dropdown-toggle"></span>
</li>
<li class="ruby-menu-right">
<a class="" href="#">Support</a>
</li>
</ul>
</div>
<div class="col-3 justify-content-end">
<ul class="d-flex align-items-center ruby-menu justify-content-end">
<li class="ruby-menu-right mx-2">
<img src="../dist/assets/imgs/Navbar/support-01-03.svg" class="col_sign" style="width:25px">
<ul class="border-top shadow">
<li><a href="#">Sign In</a></li>
<li><a href="#">Sign Up</a></li>
</ul>
<span class="ruby-dropdown-toggle"></span>
</li>
<li class="ruby-menu-right mx-2">
<a href="shopping-cart.html" class="p-0">
<img src="../dist/assets/imgs/Navbar/support-01-04.svg" class="col_sign" style="width:100%;max-width:24px;">
</a>
</li>
<!-- <li class="ruby-menu-right mx-2">
<a class="btn btn-dark text-white py-2 pr-3 button_dark" href="#">Get in touch</a>
</li>-->
</ul>
</div>
</div>
</div>`;
$(".biz-nav-wrapper").after(navhtml);
//$("#navbar-head").html(navbarHtml);
$(".navbar-toggler").click(function () {
$("#navbar-head").toggleClass("bg-white");
})
$('.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;
}
$("#navbar-head").html(nav_html);
let width = $(window).width();
$(".menu-negative-mrg2,.menu-negative-mrg3,.menu-negative-mrg4").css("width",width);
let ele_page = $("body").hasClass("product_pg");
if(ele_page == true){
$(".header-area").removeClass("bg-white");
$(".main-menu").find("nav ul li a").addClass("text-white");
$(".header-bottom.sticky-bar").removeClass("sticky-bar");
let src =`../dist/assets/imgs/anwi-logo-2.png`;
$(".logo-menu-wrap").find("a img").attr("src",src);
$(".main-body").find("iframe").attr("width",width);
if (width <= 575 && width >= 390) {
$(".main-body").find("iframe").attr({
width: width,
height: 236,
})
} else if(width <= 390 && width >= 270){
$(".main-body").find("iframe").attr({
width: width,
height: 210,
});
}
// Add Dropdown chevron icon
let width = $(window).width();
if (width <= 991.98) {
$(".dropdown .nav-link").attr("data-toggle", "dropdown");
$('.navbar-collapse.mega-nav ul').addClass('d-none')
$('.navbar-collapse.mobile-menu ul').removeClass('d-none');
$(".biz-nav-wrapper").removeClass("d-none");
$(".ruby-menu-demo-header").addClass("d-none");
} else {
$(".dropdown .nav-link").attr("data-toggle", "");
$('.navbar-collapse.mega-nav ul').removeClass('d-none')
$('.navbar-collapse.mobile-menu ul').addClass('d-none')
$('.navbar-expand-lg .navbar-collapse.mobile-menu').remove()
}
// 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");
});
$(".nav-item.dropdown.has-mega-menu").off().hover(
function (e) { $("#navbar-head").find(".navbar").css("background-color", "#fff"); }, // over
function (e) { $("#navbar-head").find(".navbar").css("background-color", ""); } // out
);
$(document).scroll(function () {
if ($(window).scrollTop() === 0) {
$(".nav-item.dropdown.has-mega-menu").off().hover(
function (e) { $("#navbar-head").find(".navbar").css("background-color", "#fff"); }, // over
function (e) { $("#navbar-head").find(".navbar").css("background-color", ""); } // out
);
}
else {
$(".nav-item.dropdown.has-mega-menu").off().hover(
function (e) { $("#navbar-head").find(".navbar").css("background-color", "#fff"); }, // over
function (e) { $("#navbar-head").find(".navbar").css("background-color", "#fff"); } // out
);
}
});
var scroll_start = 0;
var startchange = $(".main-body");
var offset = startchange.offset();
$("#navbar-head")
.find(".navbar").addClass("bg-white");
if (startchange.length) {
$(document).scroll(function () {
scroll_start = $(this).scrollTop();
if (scroll_start > offset.top) {
$("#navbar-head")
.find(".navbar")
.css("background-color", "#fff")
.css("box-shadow", "0px 12px 20px -25px");
} else {
$("#navbar-head")
.find(".navbar")
// .css("background-color", "transparent")
.css("box-shadow", "none");
$(".nav-item.dropdown.has-mega-menu").hover(
function (e) { $("#navbar-head").find(".navbar").css("background-color", "#fff"); }, // over
function (e) { $("#navbar-head").find(".navbar").css("background-color", ""); } // out
);
}
} else if (width <= 998 && width > 575) {
$(".main-body").find("iframe").attr({
width: width,
height: 530,
});
} else {
$("#navbar-head")
.find(".navbar")
.css("background-color", "#fff")
.css("box-shadow", "0px 12px 20px -25px");
} else if(width <= 2720 && width > 1920){
$(".main-body").find("iframe").attr({
width: width,
height: 1440,
});
}else {
$(".main-body").find("iframe").attr({
width: width,
height: 860,
});
}
}
$("a.ram_data").click(function () {
let item_id = $(this).attr("accessories_id");
let loc_path = '/products.html'
if (window.location.pathname.includes(loc_path)) {
window.location.href = `?itemid=${item_id}`
}
else {
window.location.href = `/products.html#itemid=${item_id}`;
}
})
$('.owl-carousel.server-img-sec').owlCarousel({
// loop: true,
margin: 10,
rtl: false,
nav: false,
autoHeight: true,
responsive: {
0: {
items: 1
},
600: {
items: 3
},
1000: {
items: 4
}
}
});
$('.owl-carousel.accessories-img-sec').owlCarousel({
// loop: true,
margin: 10,
rtl: false,
nav: false,
autoHeight: true,
responsive: {
0: {
items: 1
},
600: {
items: 3
},
1000: {
items: 4
}
}
});
$(".ruby-menu").find(".nav_item").each(function () {
$(this).click(function () {
let item_id = $(this).attr("item_id");
let loc_path = '/products.html'
if (window.location.pathname.includes(loc_path)) {
window.location.href = `?products`
}
else {
window.location.href = `/products.html?products`;
$(".main-menu nav ul").find("li").each(function(){
var current = window.location.pathname;
var $this = $(this).find("a");
if(current != "/"){
if($this.attr('href').indexOf(current) !== -1){
$(this).addClass('active_nav');
}
}
})
// destroy localstorage data
let loc_path = '/productdetails.html';
if (window.location.pathname.includes(loc_path) === false) {
localStorage.removeItem("product_data");
localStorage.removeItem("top_data")
}
//services pages links and sources
let $body_pg = $("body").hasClass("services_page");
let $hm_pg = "../index.html";
let $nav_img ="../dist/assets/imgs/anwi-logo-1.png";
let $footer_img = "../dist/assets/imgs/anwi-logo-2.png";
let $scrool_top_img = "../dist/assets/imgs/Home/rocket-footer.png";
if($body_pg == true){
$(".header-large-device").find(".logo-menu-wrap .logo").find("a").attr("href",$hm_pg);
$(".header-large-device").find(".logo-menu-wrap .logo").find("a img").attr("src",$nav_img);
$(".mobile-logo").find("a").attr("href",$hm_pg);
$(".mobile-logo").find("a img").attr("src",$nav_img);
$(".main-menu").find("nav ul").find("li a").each(function(){
let $arc = $(this).attr("href");
let $spcial_char = $arc.includes("./");
if($spcial_char === true){
let $refarence = `.${$arc}`
$(this).attr("href",$refarence);
}
$(".same-style").find("a").each(function(){
let $arc1 = $(this).attr("href");
let $spcial_char1 = $arc1.includes("./");
if($spcial_char1 === true){
let $refarence1 = `.${$arc1}`
$(this).attr("href",$refarence1);
}
})
});
$("a.ram_data").click(function () {
let item_id = $(this).attr("accessories_id");
let loc_path = '/products.html'
if (window.location.pathname.includes(loc_path)) {
window.location.href = `?itemid=${item_id}`
$(".clickable-mainmenu-wrap").find("nav ul").find("li a").each(function(){
let $arc_mbil = $(this).attr("href");
let $spcial_char_mbil = $arc_mbil.includes("./");
if($spcial_char_mbil === true){
let $refarence_mbil = `.${$arc_mbil}`
$(this).attr("href",$refarence_mbil);
}
else {
window.location.href = `/products.html?itemid=${item_id}`;
}
})
// destroy localstorage data
let loc_path = '/productdetails.html';
if (window.location.pathname.includes(loc_path) === false) {
localStorage.removeItem("product_data")
}
});
});
}