nav dropdown added for storage and memory links
This commit is contained in:
Vendored
+64
-25
@@ -15,33 +15,72 @@
|
||||
if(ele_page == true){
|
||||
|
||||
}
|
||||
function naChanges(){
|
||||
$("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
|
||||
}
|
||||
setTimeout(naChanges, 1000);
|
||||
win.on('scroll', function() {
|
||||
var scroll = win.scrollTop();
|
||||
if (scroll < 100) {
|
||||
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");
|
||||
|
||||
function naChanges(){
|
||||
$("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
|
||||
$('.header-bottom-flex').find('svg 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","#000");
|
||||
$('.header-bottom-flex').find('svg path').attr('fill','#000')
|
||||
|
||||
}
|
||||
setTimeout(naChanges, 1000);
|
||||
let $body_pg = $("body").hasClass("services_page");
|
||||
if ($body_pg == true) {
|
||||
$(".main-menu").find("nav ul li a").addClass("text-dark");
|
||||
let img_src = `../dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".logo-menu-wrap").find("a img").attr("src",img_src);
|
||||
$(".header-bottom").addClass("sticky-bar stick");
|
||||
$("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
|
||||
}
|
||||
});
|
||||
win.on('scroll', function() {
|
||||
var scroll = win.scrollTop();
|
||||
if (scroll < 100) {
|
||||
header.removeClass('stick');
|
||||
$("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
|
||||
$("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
|
||||
$("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
|
||||
// $('.header-bottom-flex').find('svg path').attr('fill','#fff');
|
||||
|
||||
if ($body_pg == true) {
|
||||
$(".main-menu").find("nav ul li a").addClass("text-dark");
|
||||
let img_src = `../dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".logo-menu-wrap").find("a img").attr("src",img_src);
|
||||
$(".header-bottom").addClass("sticky-bar stick");
|
||||
}else{
|
||||
let $about_pg = $("body").hasClass("about_page");
|
||||
if($about_pg == true){
|
||||
$(".main-menu").find("nav ul li a").addClass("text-dark");
|
||||
let img_src = `../dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".logo-menu-wrap").find("a img").attr("src",img_src);
|
||||
$(".header-bottom").addClass("sticky-bar stick");
|
||||
$("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
|
||||
}else{
|
||||
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");
|
||||
$(".header-bottom.sticky-bar.stick").removeClass("sticky-bar stick");
|
||||
}
|
||||
|
||||
}
|
||||
} 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","#000");
|
||||
$('.header-bottom-flex').find('svg path').attr('fill','#000')
|
||||
let $body_pg = $("body").hasClass("services_page");
|
||||
if ($body_pg == true) {
|
||||
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");
|
||||
}
|
||||
let $about_pg = $("body").hasClass("about_page");
|
||||
if($about_pg == true){
|
||||
$(".main-menu").find("nav ul li a").addClass("text-dark");
|
||||
let img_src = `../dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".logo-menu-wrap").find("a img").attr("src",img_src);
|
||||
$(".header-bottom").addClass("sticky-bar stick");
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
/*--------------------------------
|
||||
Slider active 1
|
||||
|
||||
Vendored
+166
-20
@@ -61,8 +61,134 @@ function navINIT() {
|
||||
<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">MEMORY</a></li>
|
||||
<li class="hover_tab_1"><a href="./storageproducts.html" class="satoshi_font">STORAGE</a>
|
||||
<ul class="py-3 px-3 rounded-bottom shadow">
|
||||
<li class="d-flex">
|
||||
<ul class="nav nav-pills flex-column w-200 border-end" id="experienceTab" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active text-dark" data-bs-toggle="tab" href="#ora3">ORA 3</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-dark" data-bs-toggle="tab" href="#ora4">ORA 4</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="nav w-500">
|
||||
<li>
|
||||
<div class="tab-content">
|
||||
<div id="ora3" class="container tab-pane active">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora3 M.2 NVMe 512GB</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora3 M.2 NVMe 1TB</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora3 M.2 NVMe 2TB</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="ora4" class="container tab-pane fade">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora4 M.2 NVMe 512GB</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora4 M.2 NVMe 1TB</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora4 M.2 NVMe 2TB</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="hover_tab_2"><a href="./ramproducts.html" class="satoshi_font">MEMORY</a>
|
||||
<ul class="py-3 px-3 rounded-bottom shadow">
|
||||
<li class="d-flex">
|
||||
<ul class="nav nav-pills flex-column w-200 border-end" id="experienceTab" role="tablist">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active text-dark" data-bs-toggle="tab" href="#laptop">Laptop</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link text-dark" data-bs-toggle="tab" href="#desktop">Desktop</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="nav w-500">
|
||||
<li>
|
||||
<div class="tab-content">
|
||||
<div id="laptop" class="container tab-pane active">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr4_laptop.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora 8GB DDR5</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr5_laptop.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora 16GB DDR5</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4 ">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr5_laptop.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora 32GB DDR5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="desktop" class="container tab-pane fade">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora 8GB DDR4</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora 16GB DDR4</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<div class="bg-gray-4 rounded-3 cursor-pointer">
|
||||
<img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" alt="ora img" class=""/>
|
||||
<p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora 32GB DDR4</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</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>
|
||||
@@ -236,16 +362,16 @@ function navINIT() {
|
||||
})
|
||||
|
||||
|
||||
$(".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');
|
||||
}
|
||||
}
|
||||
// $(".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';
|
||||
@@ -265,27 +391,47 @@ function navINIT() {
|
||||
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";
|
||||
|
||||
let $about_pg = $("body").hasClass("about_page");
|
||||
if($about_pg == true){
|
||||
debugger
|
||||
$(".main-menu").find("nav ul li a").addClass("text-dark");
|
||||
let img_src = `./dist/assets/imgs/anwi-logo-1.png`;
|
||||
$(".logo-menu-wrap").find("a img").attr("src",img_src);
|
||||
$(".header-bottom").addClass("sticky-bar stick");
|
||||
$("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
|
||||
}
|
||||
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);
|
||||
$("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
|
||||
$(".main-menu").find("nav ul").find("li a").each(function () {
|
||||
$(this).addClass("text-dark")
|
||||
$(".header-bottom").addClass("sticky-bar stick");
|
||||
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);
|
||||
}
|
||||
})
|
||||
|
||||
});
|
||||
$(".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);
|
||||
}
|
||||
})
|
||||
$(".tab-content").find("img").each(function(){
|
||||
let $img_src = $(this).attr("src");
|
||||
let $img_src1 = $img_src.includes("./");
|
||||
if ($img_src1 === true) {
|
||||
let $refarenceimg1 = `.${$img_src}`;
|
||||
$(this).attr("src", $refarenceimg1);
|
||||
}
|
||||
});
|
||||
$(".clickable-mainmenu-wrap").find("nav ul").find("li a").each(function () {
|
||||
let $arc_mbil = $(this).attr("href");
|
||||
|
||||
Vendored
+39
@@ -1927,4 +1927,43 @@ background: linear-gradient(75deg, rgb(56 89 118) 51%, rgb(107 18 111) 89%)
|
||||
}
|
||||
.product_card_section .col-sm-4{
|
||||
margin-top:100px;
|
||||
}
|
||||
|
||||
|
||||
/* SECTION VERTICAL TABS */
|
||||
#experienceTab.nav-pills .nav-link.active {
|
||||
color: rgb(3, 41, 90) !important;
|
||||
background-color: transparent;
|
||||
border-radius: 0px;
|
||||
border-left: 3px solid #191e71;
|
||||
|
||||
}
|
||||
#experienceTab.nav-pills .nav-link {
|
||||
border-radius: 0px;
|
||||
line-height: 10px;
|
||||
color: rgb(3, 41, 90) !important;
|
||||
border-left: 3px solid rgb(222, 222, 222);
|
||||
}
|
||||
.date-range {
|
||||
letter-spacing: 0.01em;
|
||||
color: var(--theme-gray);
|
||||
}
|
||||
|
||||
/* STUB LINKS */
|
||||
a {
|
||||
color: var(--theme-gray);
|
||||
transition: 0.3s eas-in-out;
|
||||
}
|
||||
a:hover {
|
||||
color: var(--theme-yellow);
|
||||
}
|
||||
.tab-content img{
|
||||
width: 100%;
|
||||
min-width:120px;
|
||||
}
|
||||
.w-250{
|
||||
width: 250px;
|
||||
}
|
||||
.w-500{
|
||||
width: 500px;
|
||||
}
|
||||
Reference in New Issue
Block a user