Added new files
This commit is contained in:
Vendored
+19
@@ -0,0 +1,19 @@
|
||||
let SERVERNAME = 'https://anwi.bizgaze.app';
|
||||
const STAT = '05b2f2ca510344968c65e1ebf49a5595';
|
||||
|
||||
|
||||
|
||||
async function postStatAPIService(url,data={}){
|
||||
let config = {
|
||||
url,
|
||||
method:'get',
|
||||
data:data,
|
||||
headers: {
|
||||
'Authorization': `stat ${STAT}`,
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
}
|
||||
let response = await axios(config);
|
||||
|
||||
return response;
|
||||
}
|
||||
Vendored
+8
@@ -0,0 +1,8 @@
|
||||
|
||||
|
||||
function authFunction(){
|
||||
console.log("hello");
|
||||
postAPIService()
|
||||
}
|
||||
|
||||
authFunction();
|
||||
Vendored
+2
File diff suppressed because one or more lines are too long
Vendored
+8
@@ -0,0 +1,8 @@
|
||||
/**
|
||||
* Minified by jsDelivr using Terser v3.14.1.
|
||||
* Original file: /npm/js-cookie@2.2.1/src/js.cookie.js
|
||||
*
|
||||
* Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
|
||||
*/
|
||||
!function (e) { var n; if ("function" == typeof define && define.amd && (define(e), n = !0), "object" == typeof exports && (module.exports = e(), n = !0), !n) { var t = window.Cookies, o = window.Cookies = e(); o.noConflict = function () { return window.Cookies = t, o } } }(function () { function e() { for (var e = 0, n = {}; e < arguments.length; e++) { var t = arguments[e]; for (var o in t) n[o] = t[o] } return n } function n(e) { return e.replace(/(%[0-9A-Z]{2})+/g, decodeURIComponent) } return function t(o) { function r() { } function i(n, t, i) { if ("undefined" != typeof document) { "number" == typeof (i = e({ path: "/" }, r.defaults, i)).expires && (i.expires = new Date(1 * new Date + 864e5 * i.expires)), i.expires = i.expires ? i.expires.toUTCString() : ""; try { var c = JSON.stringify(t); /^[\{\[]/.test(c) && (t = c) } catch (e) { } t = o.write ? o.write(t, n) : encodeURIComponent(String(t)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g, decodeURIComponent), n = encodeURIComponent(String(n)).replace(/%(23|24|26|2B|5E|60|7C)/g, decodeURIComponent).replace(/[\(\)]/g, escape); var f = ""; for (var u in i) i[u] && (f += "; " + u, !0 !== i[u] && (f += "=" + i[u].split(";")[0])); return document.cookie = n + "=" + t + f } } function c(e, t) { if ("undefined" != typeof document) { for (var r = {}, i = document.cookie ? document.cookie.split("; ") : [], c = 0; c < i.length; c++) { var f = i[c].split("="), u = f.slice(1).join("="); t || '"' !== u.charAt(0) || (u = u.slice(1, -1)); try { var a = n(f[0]); if (u = (o.read || o)(u, a) || n(u), t) try { u = JSON.parse(u) } catch (e) { } if (r[a] = u, e === a) break } catch (e) { } } return e ? r[e] : r } } return r.set = i, r.get = function (e) { return c(e, !1) }, r.getJSON = function (e) { return c(e, !0) }, r.remove = function (n, t) { i(n, "", e(t, { expires: -1 })) }, r.defaults = {}, r.withConverter = t, r }(function () { }) });
|
||||
//# sourceMappingURL=/sm/b0ce608ffc029736e9ac80a8dd6a7db2da8e1d45d2dcfc92043deb2214aa30d8.map
|
||||
Vendored
+6
File diff suppressed because one or more lines are too long
Vendored
+6
File diff suppressed because one or more lines are too long
Vendored
+218
-144
@@ -1,84 +1,98 @@
|
||||
$(document).ready(function() {
|
||||
$(document).ready(function () {
|
||||
// Footer Js
|
||||
let footerHtml = `<footer class="footer-wrapper sec-space-1">
|
||||
let product_pg = $("body").hasClass("product_page");
|
||||
let cookie = `<div id="cookieAcceptBar" class="cookieAcceptBar shadow bg-white py-3">
|
||||
|
||||
<div class="cookie-content">
|
||||
<p class="text-dark">We use cookies to enhance your user experience. please accept our
|
||||
<a href="#" class="text-dark">cookies policy</a>
|
||||
</p>
|
||||
<div class="text-end">
|
||||
<button id="btnAcceptCookiePolicy" class="btn btn-dark rounded">Accept</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>`;
|
||||
$("#footer-head").after(cookie);
|
||||
let footerHtml = `<footer class="footer-wrapper bg-black 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">
|
||||
<button class="accordion-button bg-black text-white" 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">
|
||||
<div class="accordion-body pt-0">
|
||||
<ul class="list-inline ">
|
||||
<li>Laptops</li>
|
||||
<li>All-in-One</li>
|
||||
<li>Monitors </li>
|
||||
<li>Peripherals
|
||||
</li>
|
||||
<li class="fs-6">
|
||||
<a href="./ramproducts.html" class="text-white fs-9 text-decoration-none satoshi_font">Ram</a>
|
||||
</li>
|
||||
<li class="fs-6">
|
||||
<a href="./storageproducts.html" class="text-white fs-9 text-decoration-none satoshi_font">Storage</a>
|
||||
</li class="fs-6">
|
||||
<a href="./index1.html" class="text-white fs-9 text-decoration-none satoshi_font">Coming Soon</a>
|
||||
</li>
|
||||
<!-- <li>Monitors </li>
|
||||
<li>Peripherals</li>
|
||||
<li>Desktops</li>
|
||||
<li>Components</li>
|
||||
<li>Network Switches
|
||||
</li>
|
||||
<li>Network Switches</li>
|
||||
<li>Network Cards</li>
|
||||
<li>Servers</li>
|
||||
<li>Storage</li>
|
||||
<li>Compact Workstations
|
||||
</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">
|
||||
<button class="accordion-button collapsed bg-black text-white" 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">
|
||||
<div class="accordion-body pt-0">
|
||||
<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>
|
||||
<li><a href="./about.html" class="text-white text-decoration-none satoshi_font">About Us</a></li>
|
||||
<li><a href="./press.html" class="text-white text-decoration-none satoshi_font">Press</a></li>
|
||||
<li><a href="#" class="text-white text-decoration-none satoshi_font">Quality Certification</a></li>
|
||||
<li><a href="#" class="text-white text-decoration-none satoshi_font">Case Study</a></li>
|
||||
<li><a href="#" class="text-white text-decoration-none satoshi_font">Terms</a></li>
|
||||
<li><a href="#" class="text-white text-decoration-none satoshi_font">Privacy</a></li>
|
||||
<li><a href="#" class="text-white text-decoration-none satoshi_font">Careers</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<!-- <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">
|
||||
<button class="accordion-button collapsed bg-black text-white" 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">
|
||||
<div class="accordion-body pt-0">
|
||||
<ul class="list-inline">
|
||||
<li>My Quotes</li>
|
||||
<li>My Support</li>
|
||||
<li><a href="./support.html" class="text-white text-decoration-none satoshi_font">My Support</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</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">
|
||||
<button class="accordion-button collapsed bg-black text-white" 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">
|
||||
<div class="accordion-body pt-0">
|
||||
<ul class="list-inline">
|
||||
<li>Contact Sales</li>
|
||||
<li>Tech Support
|
||||
</li>
|
||||
<li>Help Centre
|
||||
</li>
|
||||
<li><a href="./contact.html" class="text-white text-decoration-none satoshi_font">Contact Us</a></li>
|
||||
<li><a href="./support.html" class="text-white text-decoration-none satoshi_font">Support</a></li>
|
||||
<li>Help Centre</li>
|
||||
<li>Feedback</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -86,36 +100,31 @@ $(document).ready(function() {
|
||||
</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">
|
||||
<button class="accordion-button collapsed bg-black text-white" 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>
|
||||
<div class="accordion-body pt-0">
|
||||
<ul class="list-inline Services_list">
|
||||
<li><a href="./services/paymentmethod.html" class="text-white text-decoration-none satoshi_font">Payment Method</a></li>
|
||||
<li><a href="./services/shipping-delivary.html" class="text-white text-decoration-none satoshi_font">Shipping & Delivery</a></li>
|
||||
<li><a href="./services/return-policy.html" class="text-white text-decoration-none satoshi_font">Return Policy</a></li>
|
||||
<li><a href="./services/product-warrenty.html" class="text-white text-decoration-none satoshi_font">Product Warranty</a></li>
|
||||
<li><a href="./services/online-help.html" class="text-white text-decoration-none satoshi_font">Online Help</a></li>
|
||||
<li><a href="./services/bulk-orders.html" class="text-white text-decoration-none satoshi_font">Bulk Orders</a></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">
|
||||
<button class="accordion-button collapsed bg-black text-white" 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">
|
||||
<div class="accordion-body pt-0">
|
||||
<ul class="list-inline">
|
||||
<li>My Shopping Cart</li>
|
||||
<li>My Account
|
||||
@@ -126,44 +135,55 @@ $(document).ready(function() {
|
||||
</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">
|
||||
<button class="accordion-button collapsed bg-black text-white" 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">
|
||||
<div class="accordion-body pt-0">
|
||||
<ul class="p-0" style="list-style:none;">
|
||||
<li>
|
||||
<ul class="d-flex
|
||||
list-inline">
|
||||
<li class="footer-socailImg"><img src="dist/assets/imgs/footer/twitter.png" alt="logo" class="px-1 img-fluid"></li>
|
||||
<a href="#" target="_blank" class="text-white">
|
||||
<ul class="d-flex list-inline">
|
||||
<li class="footer-socailImg"><img src="./dist/assets/imgs/footer/twitter.png" alt="logo" class="px-1 img-fluid"></li>
|
||||
<li>Twitter</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.instagram.com/anwi_systems/" target="_blank" class="text-white">
|
||||
<ul class="d-flex list-inline">
|
||||
<li class="footer-socailImg"><img src="dist/assets/imgs/footer/instra.png" alt="logo" class="px-1 img-fluid"></li>
|
||||
<li class="footer-socailImg"><img src="./dist/assets/imgs/footer/instra.png" alt="logo" class="px-1 img-fluid"></li>
|
||||
<li>Instagram</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" target="_blank" class="text-white">
|
||||
<ul class="d-flex list-inline">
|
||||
<li class="footer-socailImg"><img src="dist/assets/imgs/footer/youtube.png" alt="logo" class="px-1 img-fluid"></li>
|
||||
<li class="footer-socailImg"><img src="./dist/assets/imgs/footer/youtube.png" alt="logo" class="px-1 img-fluid"></li>
|
||||
<li>Youtube</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.linkedin.com/company/anwisystems" target="_blank" class="text-white">
|
||||
<ul class="d-flex list-inline">
|
||||
<li class="footer-socailImg"><img src="dist/assets/imgs/footer/linkedin.png" alt="logo" class="px-1 img-fluid"></li>
|
||||
<li class="footer-socailImg"><img src="./dist/assets/imgs/footer/linkedin.png" alt="logo" class="px-1 img-fluid"></li>
|
||||
<li>Linkedin</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.facebook.com/profile.php?id=100089547520891" target="_blank" class="text-white">
|
||||
<ul class="d-flex list-inline">
|
||||
<li class="footer-socailImg"><img src="dist/assets/imgs/footer/facebook.png" alt="logo" class="px-1 img-fluid"></li>
|
||||
<li class="footer-socailImg">
|
||||
<img src="./dist/assets/imgs/footer/facebook.png" alt="logo" class="px-1 img-fluid">
|
||||
</li>
|
||||
<li>Facebook</li>
|
||||
</ul>
|
||||
</li>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
@@ -173,18 +193,19 @@ $(document).ready(function() {
|
||||
</div>
|
||||
<div class="footer-sub-content ">
|
||||
<div class="container">
|
||||
<div class="d-flex g-0 align-items-center justify-content-around">
|
||||
<div class="col-md-2 text-white
|
||||
<div class="row g-0 align-items-center justify-content-around">
|
||||
<div class="col-md-2 col-6 text-white
|
||||
text-center">
|
||||
<p class="mb-0">Privacy Policy</p>
|
||||
</div>
|
||||
<div class="col-md-2 text-white
|
||||
<div class="col-md-2 col-6 text-white
|
||||
text-center">
|
||||
<p class="mb-0"> Terms of Use Sales
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-2 text-white">
|
||||
<p class="mb-0">Policy</p>
|
||||
<div class="col-md-2 col-6 text-center text-white">
|
||||
<p class="mb-0 d-flex align-items-center"><i class="fa fa-envelope"></i> <span class="satoshi_font"><a href="mailto:sales@anwisystems.com" class="satoshi_font text-white ps-1">sales@anwisystems.com </a></span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-white">
|
||||
@@ -206,65 +227,46 @@ $(document).ready(function() {
|
||||
<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 class="fs-6">
|
||||
<a href="./ramproducts.html" class="text-white fs-9 text-decoration-none satoshi_font">Ram</a>
|
||||
</li>
|
||||
<li>Desktops</li>
|
||||
<li>Components</li>
|
||||
<li>Network Switches
|
||||
<li class="fs-6">
|
||||
<a href="./storageproducts.html" class="text-white fs-9 text-decoration-none satoshi_font">Storage</a>
|
||||
</li>
|
||||
<li>Network Cards</li>
|
||||
<li>Servers</li>
|
||||
<li>Storage</li>
|
||||
<li>Compact Workstations
|
||||
<li class="fs-6">
|
||||
<a href="./index1.html" class="text-white fs-9 text-decoration-none satoshi_font">Coming Soon</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-3 border-end col-lg-3
|
||||
mx-3">
|
||||
<div class="col-lg-3 border-end col-lg-3 mx-3 fs-6">
|
||||
<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>
|
||||
<li class="fs-6"><a href="./about.html" class="text-white text-decoration-none satoshi_font">About Us</a></li>
|
||||
<li class="fs-6"><a href="./press.html" class="text-white text-decoration-none satoshi_font">Press</a></li>
|
||||
<li class="fs-6"><a href="#" class="text-white text-decoration-none satoshi_font">Quality Certification</a></li>
|
||||
<li class="fs-6"><a href="#" class="text-white text-decoration-none satoshi_font">Case Study</a></li>
|
||||
<li class="fs-6"><a href="#" class="text-white text-decoration-none satoshi_font">Terms</a></li>
|
||||
<li class="fs-6"><a href="#" class="text-white text-decoration-none satoshi_font">Privacy</a></li>
|
||||
<li class="fs-6"><a href="#" class="text-white text-decoration-none satoshi_font">Careers</a></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><a href="./contact.html" class="text-white text-decoration-none satoshi_font">Contact Us</a></li>
|
||||
<li><a href="./support.html" class="text-white text-decoration-none satoshi_font">Support</a></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>
|
||||
|
||||
<li><a href="./services/paymentmethod.html" class="text-white text-decoration-none satoshi_font">Payment Method</a></li>
|
||||
<li><a href="./services/shipping-delivary.html" class="text-white text-decoration-none satoshi_font">Shipping & Delivery</a></li>
|
||||
<li><a href="./services/return-policy.html" class="text-white text-decoration-none satoshi_font">Return Policy</a></li>
|
||||
<li><a href="./services/product-warrenty.html" class="text-white text-decoration-none satoshi_font">Product Warranty</a></li>
|
||||
<li><a href="./services/online-help.html" class="text-white text-decoration-none satoshi_font">Online Help</a></li>
|
||||
<li><a href="./services/bulk-orders.html" class="text-white text-decoration-none satoshi_font">Bulk Orders</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-lg-3 last-col-footer">
|
||||
@@ -275,37 +277,48 @@ $(document).ready(function() {
|
||||
</li>
|
||||
</ul>
|
||||
<h5 class="fw-bold">Follow Us</h5>
|
||||
<ul class="list-inline">
|
||||
<ul class="p-0" style="list-style:none;">
|
||||
<li>
|
||||
<ul class="d-flex
|
||||
list-inline">
|
||||
<li class="footer-socailImg"><img src="dist/assets/imgs/footer/twitter.png" alt="logo" class="px-1 img-fluid"></li>
|
||||
<li>Twitter</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="text-white">
|
||||
<ul class="d-flex list-inline">
|
||||
<li class="footer-socailImg"><img src="./dist/assets/imgs/footer/twitter.png" alt="logo" class="px-1 img-fluid"></li>
|
||||
<li>Twitter</li>
|
||||
</ul>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<ul class="d-flex list-inline">
|
||||
<li class="footer-socailImg"><img src="dist/assets/imgs/footer/instra.png" alt="logo" class="px-1 img-fluid"></li>
|
||||
<li>Instagram</li>
|
||||
</ul>
|
||||
<a href="https://www.instagram.com/anwi_systems/" target="_blank" class="text-white">
|
||||
<ul class="d-flex list-inline">
|
||||
<li class="footer-socailImg"><img src="./dist/assets/imgs/footer/instra.png" alt="logo" class="px-1 img-fluid"></li>
|
||||
<li>Instagram</li>
|
||||
</ul>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<ul class="d-flex list-inline">
|
||||
<li class="footer-socailImg"><img src="dist/assets/imgs/footer/youtube.png" alt="logo" class="px-1 img-fluid"></li>
|
||||
<li>Youtube</li>
|
||||
</ul>
|
||||
<a href="#" target="_blank" class="text-white">
|
||||
<ul class="d-flex list-inline">
|
||||
<li class="footer-socailImg"><img src="./dist/assets/imgs/footer/youtube.png" alt="logo" class="px-1 img-fluid"></li>
|
||||
<li>Youtube</li>
|
||||
</ul>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<ul class="d-flex list-inline">
|
||||
<li class="footer-socailImg"><img src="dist/assets/imgs/footer/linkedin.png" alt="logo" class="px-1 img-fluid"></li>
|
||||
<li>Linkedin</li>
|
||||
</ul>
|
||||
<a href="https://www.linkedin.com/company/anwisystems" target="_blank" class="text-white">
|
||||
<ul class="d-flex list-inline">
|
||||
<li class="footer-socailImg"><img src="./dist/assets/imgs/footer/linkedin.png" alt="logo" class="px-1 img-fluid"></li>
|
||||
<li>Linkedin</li>
|
||||
</ul>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<ul class="d-flex list-inline">
|
||||
<li class="footer-socailImg"><img src="dist/assets/imgs/footer/facebook.png" alt="logo" class="px-1 img-fluid"></li>
|
||||
<li>Facebook</li>
|
||||
</ul>
|
||||
<a href="https://www.facebook.com/profile.php?id=100089547520891" target="_blank" class="text-white">
|
||||
<ul class="d-flex list-inline">
|
||||
<li class="footer-socailImg">
|
||||
<img src="./dist/assets/imgs/footer/facebook.png" alt="logo" class="px-1 img-fluid">
|
||||
</li>
|
||||
<li>Facebook</li>
|
||||
</ul>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -313,7 +326,7 @@ $(document).ready(function() {
|
||||
</div>
|
||||
<div class="footer-rkt position-absolute bottom-0
|
||||
end-0 me-5">
|
||||
<img src="./dist/assets/imgs/Home/rocket-footer.png" alt="footer-rocket-img">
|
||||
<img src="https://anwisystems.com/dist/assets/imgs/Home/rocket-footer.png" alt="footer-rocket-img">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -334,7 +347,8 @@ $(document).ready(function() {
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-2 text-white ps-5">
|
||||
<p class="mb-0">Policy</p>
|
||||
<p class="mb-0 d-flex align-items-center"><i class="fa fa-envelope"></i> <span class="satoshi_font"><a href="mailto:sales@anwisystems.com" class="satoshi_font text-white ps-1">sales@anwisystems.com </a></span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- <ul class="d-flex mb-0
|
||||
@@ -347,7 +361,9 @@ $(document).ready(function() {
|
||||
ms-4">
|
||||
<li>Privacy Policy</li>
|
||||
<li class="mx-5">Terms of Use Sales</li>
|
||||
<li>Policy</li>
|
||||
<li><p class="mb-0 d-flex align-items-center"><i class="fa fa-envelope"></i> <span class="satoshi_font"><a href="mailto:sales@anwisystems.com" class="satoshi_font text-white ps-1">sales@anwisystems.com </a></span>
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul> -->
|
||||
@@ -356,10 +372,68 @@ $(document).ready(function() {
|
||||
</div>
|
||||
</div>
|
||||
</footer>`;
|
||||
$("#footer-head").html(footerHtml);
|
||||
|
||||
$("#footer-head").html(footerHtml);
|
||||
|
||||
$("[alt=footer-rocket-img]").click(function(e){
|
||||
|
||||
$("[alt=footer-rocket-img]").click(function (e) {
|
||||
document.documentElement.scrollTop = 0;
|
||||
})
|
||||
cookiesPolicyPrompt();
|
||||
|
||||
function cookiesPolicyPrompt() {
|
||||
if (Cookies.get('AnwiCookiesPolicy') !== "yes") {
|
||||
$("#cookieAcceptBar").fadeIn("slow");
|
||||
}
|
||||
$('#btnAcceptCookiePolicy').on('click', function () {
|
||||
Cookies.set('AnwiCookiesPolicy', 'yes', { expires: 30 });
|
||||
$("#cookieAcceptBar").fadeOut("slow");
|
||||
});
|
||||
let width = $(window).width();
|
||||
if (width < 575) {
|
||||
$("#cookieAcceptBar").css({
|
||||
"max-width": "100%",
|
||||
});
|
||||
} else if (width <= 1600 && width > 1200) {
|
||||
$("#cookieAcceptBar").css({
|
||||
"max-width": "28%",
|
||||
});
|
||||
}
|
||||
else if (width <= 1200 && width > 575) {
|
||||
$("#cookieAcceptBar").css({
|
||||
"max-width": "50%",
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//services pages links and sources
|
||||
|
||||
let $body_pg = $("body").hasClass("services_page");
|
||||
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){
|
||||
$("#footer-head").find(".footer-logo img").attr("src",$footer_img);
|
||||
$(".footer-socailImg").each(function(){
|
||||
let $social_img = $(this).find("img").attr("src");
|
||||
let $social_img_mbil = $social_img.includes("https://anwisystems.com/");
|
||||
if($social_img_mbil === false){
|
||||
let $social_icon_mbil = `.${$social_img}`
|
||||
$(this).find("img").attr("src",$social_icon_mbil);
|
||||
}
|
||||
})
|
||||
$(".list-inline").find("li a").each(function(){
|
||||
let $footer_link = $(this).attr("href");
|
||||
let $footer_in = $footer_link.includes("https://anwisystems.com/");
|
||||
if($footer_in === false){
|
||||
if( $footer_link != "#"){
|
||||
let $in_link = `.${$footer_link}`
|
||||
$(this).attr("href", $in_link);
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
});
|
||||
Vendored
+73
@@ -0,0 +1,73 @@
|
||||
let formHTML = ` <!-- pop up -->
|
||||
<!-- enquire-form pop up -->
|
||||
<div class="modal fade style" id="enquireModal" tabindex="-1" role="dialog">
|
||||
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable mx-md-3 mx-3 mx-lg-auto" role="document">
|
||||
<div class="wrap-contact100">
|
||||
|
||||
<div class="modal-content contact100-form validate-form">
|
||||
<div class=" justify-content-center position-absolute btn" style="right:0;z-index:10;">
|
||||
<!-- <h5 class="modal-title" id="itemTitle"> </h5> -->
|
||||
<button type="button" class="close btn" data-bs-dismiss="modal" >
|
||||
<span >×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="d-flex w-100">
|
||||
<div class="enquire-form-img col-md-6 col-lg-6 col-12 d-none d-lg-block d-md-block d-xl-block">
|
||||
<img class="h-100 img-fluid" src="../backups/anwi-old-website/assets/img/quote-image.png">
|
||||
</div>
|
||||
<div class="enquire-form position-relative col-12 col-md-6 col-lg-6 pt-lg-5 pt-md-5 pt-2 px-30">
|
||||
<div class="p-3">
|
||||
<div>
|
||||
<h3 class="contact-page-title">Request a Quote</h3>
|
||||
</div>
|
||||
<div>
|
||||
|
||||
<div id="pageloader" class="d-none">
|
||||
<img src="http://cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.16.1/images/loader-large.gif"
|
||||
alt="processing..." />
|
||||
</div>
|
||||
<form id="anwi-enquire-form" action="">
|
||||
<div class="form-floating">
|
||||
<input type="text" class="form-control" id="userName" name="name" placeholder="name@example.com" required>
|
||||
<label for="name">Your Name</label>
|
||||
</div>
|
||||
<div class="form-floating">
|
||||
<input type="text" class="form-control" id="itemTitle" name="Title" placeholder="Password" disabled>
|
||||
<label for="name">Product</label>
|
||||
</div>
|
||||
<div class="form-floating ">
|
||||
<input type="email" class="form-control" id="floatingEmail" name="email" placeholder="name@example.com" required>
|
||||
<label for="floatingEmail">Email address</label>
|
||||
</div>
|
||||
<div class="form-floating">
|
||||
<input type="number" class="form-control" id="floatingPhonenumber" name="phone" placeholder="Password" required>
|
||||
<label for="floatingPhonenumber">Mobile No</label>
|
||||
</div>
|
||||
<div class="form-floating ">
|
||||
<input type="text" class="form-control" id="floatingSubject" name="subject" placeholder="name@example.com" required>
|
||||
<label for="floatingSubject">Subject</label>
|
||||
</div>
|
||||
<div class="form-floating">
|
||||
<textarea name="contactMessage" class="form-control" id="contactMessage" name="message" placeholder="Your Message" required style="height:100px"></textarea>
|
||||
<label for="floatingPassword">Message</label>
|
||||
</div>
|
||||
<div class="form-floating text-center my-4">
|
||||
<button type="submit" class="bg-black btn btn-lg text-white w-50" >
|
||||
submit
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end popup -->`;
|
||||
|
||||
$("#enquire").html(formHTML);
|
||||
$(".close").on("click", function () {
|
||||
$("body").removeClass("open");
|
||||
});
|
||||
Vendored
+23
@@ -0,0 +1,23 @@
|
||||
let product_detail = [
|
||||
{
|
||||
Name:"RAM",
|
||||
Types:{
|
||||
ProductType:"ORA",
|
||||
ProductName:"DDR4 DESKTOP Memory",
|
||||
ProductDesc:"ORA, Desktop RAM",
|
||||
ProductSize:"16GB DDR4, 3200 Mhz",
|
||||
ProductImage:"",
|
||||
Product_features:{
|
||||
memorysize:"32GB Kit (2 x 16GB)",
|
||||
Frequency:"DDR5-6000 MT/s",
|
||||
timing:"40-40-40-76 (XMP 6000MT/s)",
|
||||
performance:"XMP 3.0",
|
||||
warranty:"5 years",
|
||||
intel:"Intel Z690 certificated",
|
||||
productdesign:"Copper-aluminum composite heat spreaders with nano carbon coating to keep performance",
|
||||
industrialStandards:"Comply with industrial standard JEDEC DDR5",
|
||||
support:"RGB Fusion 2.0 Supported",
|
||||
}
|
||||
}
|
||||
}
|
||||
];
|
||||
Vendored
+1452
File diff suppressed because it is too large
Load Diff
Vendored
+226
-495
@@ -1,507 +1,238 @@
|
||||
$(document).ready(function() {
|
||||
let navbarHtml = `<div class="biz-nav-wrapper">
|
||||
<nav class="navbar pb-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">
|
||||
Creator 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">
|
||||
Business Laptop</h6>
|
||||
</div>
|
||||
</a></li>
|
||||
let nav_html = `
|
||||
<header class="header-area section-padding-1 transparent-bar bg-white">
|
||||
<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>
|
||||
</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">
|
||||
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/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">
|
||||
Compact CPU</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="#"><i class="fa-solid fa-user"></i></a>
|
||||
</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">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">
|
||||
<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">
|
||||
<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>
|
||||
</div>
|
||||
<div class="item">
|
||||
<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>
|
||||
</div>
|
||||
<div class="item">
|
||||
<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>
|
||||
</div>
|
||||
<div class="item">
|
||||
<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>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="./dist/assets/imgs/Navbar/Accessiories-5.png"
|
||||
class="img-fluid" alt="anwi-star-product">
|
||||
<h6 class="text-center satoshi_font">DDR4 Desktop
|
||||
Memory
|
||||
</h6>
|
||||
</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>Creator Laptop</li>
|
||||
<li>Business Laptop</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>Compact CPU</li>
|
||||
<li>Compact CPU</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item border-0">
|
||||
<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">
|
||||
<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>Compact CPU</li>
|
||||
<li>Compact CPU</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item border-0">
|
||||
<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="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>Ora3 PCI Express</li>
|
||||
<li>Ora4 PCI Express</li>
|
||||
<li>DDR5 Desktop Memory</li>
|
||||
<li>DDR4 Desktop Memory</li>
|
||||
<li>DDR4 Desktop Memory</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);
|
||||
$(".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;
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
<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="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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="header-action-wrap header-action-flex header-action-mrg-1">
|
||||
<div class="same-style">
|
||||
<a href="#"><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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
|
||||
<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>
|
||||
</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>`;
|
||||
$("#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,
|
||||
});
|
||||
} else if (width <= 998 && width > 575) {
|
||||
$(".main-body").find("iframe").attr({
|
||||
width: width,
|
||||
height: 530,
|
||||
});
|
||||
} else if(width <= 2720 && width > 1920){
|
||||
$(".main-body").find("iframe").attr({
|
||||
width: width,
|
||||
height: 1440,
|
||||
});
|
||||
}else {
|
||||
$(".main-body").find("iframe").attr({
|
||||
width: width,
|
||||
height: 969,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
$("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}`
|
||||
}
|
||||
|
||||
// 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')
|
||||
|
||||
} 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()
|
||||
else {
|
||||
window.location.href = `/products.html#itemid=${item_id}`;
|
||||
}
|
||||
// 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");
|
||||
})
|
||||
|
||||
|
||||
$(".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);
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
//on-scroll-nav
|
||||
var c,
|
||||
currentScrollTop = 0,
|
||||
navbar = $("#navbar-head");
|
||||
|
||||
// $(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;
|
||||
// });
|
||||
$(".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();
|
||||
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 {
|
||||
$("#navbar-head")
|
||||
.find(".navbar")
|
||||
.css("background-color", "#fff")
|
||||
.css("box-shadow", "0px 12px 20px -25px");
|
||||
}
|
||||
$('.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
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$('.navbar-nav').mouseover(function (e) {
|
||||
$('.mbil-name').addClass('padding_bottom_ONE_FIVE');
|
||||
$('.navbar-brand img').addClass('padding_bottom_ONE_FIVE');
|
||||
});
|
||||
|
||||
$('.navbar-nav').mouseout(function (e) {
|
||||
$('.mbil-name').removeClass('padding_bottom_ONE_FIVE');
|
||||
$('.navbar-brand img').removeClass('padding_bottom_ONE_FIVE');
|
||||
});
|
||||
|
||||
});
|
||||
$(".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);
|
||||
}
|
||||
});
|
||||
}
|
||||
Vendored
+761
@@ -0,0 +1,761 @@
|
||||
$(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>
|
||||
</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">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>
|
||||
</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>
|
||||
</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>
|
||||
<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 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>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</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>
|
||||
</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>
|
||||
<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>
|
||||
<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;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 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 {
|
||||
$("#navbar-head")
|
||||
.find(".navbar")
|
||||
.css("background-color", "#fff")
|
||||
.css("box-shadow", "0px 12px 20px -25px");
|
||||
}
|
||||
|
||||
$('.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`;
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
$("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}`;
|
||||
}
|
||||
})
|
||||
|
||||
// destroy localstorage data
|
||||
let loc_path = '/productdetails.html';
|
||||
if (window.location.pathname.includes(loc_path) === false) {
|
||||
localStorage.removeItem("product_data")
|
||||
}
|
||||
});
|
||||
Vendored
+383
@@ -0,0 +1,383 @@
|
||||
let nav_html = `
|
||||
<header class="header-area section-padding-1 transparent-bar bg-white">
|
||||
<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>
|
||||
</div>
|
||||
<div class="main-menu menu-lh-1 main-menu-padding-1">
|
||||
<nav>
|
||||
<ul class="mb-0 p-0">
|
||||
<li><a href="#" class="satoshi_font">LAPTOP</a>
|
||||
<ul class="mega-menu-style-1 border-top mega-menu-width2 menu-negative-mrg2 shadow d-flex justify-content-center">
|
||||
<li class="mega-menu-sub-width20 p-0 me-4"><a class="menu-title" href="#">Shop Layout</a>
|
||||
<a class="dropdown-item" href="./allinone34inch.html">
|
||||
<div class="dropdown-item-img text-center mb-2 hover-zoom">
|
||||
<img src="../dist/assets/imgs/allinone14inch/preview-front.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 fs-9">ZENO 14-inch</h6>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="mega-menu-sub-width20 p-0 d-none"><a class="menu-title" href="#">Product Layout</a>
|
||||
<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 fs-9">ZENO 15.6-inch Business Laptop</h6>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#" class="satoshi_font">ALL IN ONE</a>
|
||||
<ul class="mega-menu-style-1 border-top mega-menu-width2 menu-negative-mrg3 shadow d-flex justify-content-center">
|
||||
<li class="me-4 p-0 mt-4">
|
||||
<a class="dropdown-item" href="./allin_one.html">
|
||||
<div class="dropdown-item-img text-center mb-2 hover-zoom">
|
||||
<img src="../dist/assets/imgs/allin_imgs/desktop_1a.png" alt="Laptop-img" class="img-fluid mx-auto">
|
||||
</div>
|
||||
<div class="dropdown-item-content">
|
||||
<h6 class="dropdown-item-title text-center satoshi_font fs-9">AIO 24-inch i5</h6>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="p-0 d-none">
|
||||
<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>
|
||||
<div class="dropdown-item-content">
|
||||
<h6 class="dropdown-item-title text-center satoshi_font fs-9">34 inch AIO i7 4K</h6>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#" class="satoshi_font product_data" item_id="106633220000002">ACCESSORIES</a>
|
||||
<ul class="mega-menu-style-1 border-top mega-menu-width2 menu-negative-mrg4 shadow d-flex justify-content-center">
|
||||
<li class="me-4 p-0">
|
||||
<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>
|
||||
<div class="dropdown-item-content">
|
||||
<h6 class="dropdown-item-title text-center satoshi_font px-2 fs-9">RAM</h6>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
<li class="p-0">
|
||||
<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 fs-9">Storage</h6>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="./support.html" class="satoshi_font">SUPPORT</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-action-wrap header-action-flex header-action-width header-action-mrg-1">
|
||||
<div class="search-style-1 d-none">
|
||||
<form>
|
||||
<div class="form-search-1">
|
||||
<input class="input-text" value="" placeholder="Type to search (Ex: Phone, Laptop)" type="search">
|
||||
<button>
|
||||
<i class="icofont-search-1"></i>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="same-style">
|
||||
<a href="login.html"><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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-small-device header-small-ptb sticky-bar py-md-2 py-2">
|
||||
<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="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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="header-action-wrap header-action-flex header-action-mrg-1">
|
||||
<div class="same-style">
|
||||
<a href="login.html"><i class="fa-solid fa-user"></i></a>
|
||||
</div>
|
||||
<div class="same-style header-cart">
|
||||
<a class="cart-active1" href="./shopping-cart.html"><i class="fa-solid fa-cart-shopping"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- mini cart start -->
|
||||
<div class="sidebar-cart-active">
|
||||
<div class="sidebar-cart-all">
|
||||
<a class="cart-close" href="#"><i class="fa-solid fa-xmark"></i></a>
|
||||
<div class="cart-content">
|
||||
<h3 class="satoshi_font">Shopping Cart</h3>
|
||||
<ul>
|
||||
<li class="single-product-cart">
|
||||
<div class="cart-img">
|
||||
<a href="#"><img src="assets/images/cart/cart-1.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="cart-title">
|
||||
<h4><a href="#" class="satoshi_font">Awesome Mobile</a></h4>
|
||||
<span class="satoshi_font"> 1 × $49.00 </span>
|
||||
</div>
|
||||
<div class="cart-delete">
|
||||
<a href="#" class="satoshi_font">×</a>
|
||||
</div>
|
||||
</li>
|
||||
<li class="single-product-cart">
|
||||
<div class="cart-img">
|
||||
<a href="#"><img src="assets/images/cart/cart-2.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="cart-title">
|
||||
<h4><a href="#" class="satoshi_font">Smart Watch</a></h4>
|
||||
<span class="satoshi_font"> 1 × $49.00 </span>
|
||||
</div>
|
||||
<div class="cart-delete">
|
||||
<a href="#" class="satoshi_font">×</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="cart-total">
|
||||
<h4 class="satoshi_font">Subtotal: <span class="satoshi_font">$170.00</span></h4>
|
||||
</div>
|
||||
<div class="cart-checkout-btn d-flex">
|
||||
<a class="btn-hover cart-btn-style satoshi_font mx-1" href="cart.html">view cart</a>
|
||||
<a class="no-mrg btn-hover cart-btn-style satoshi_font m-0" href="checkout.html">checkout</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 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>
|
||||
|
||||
<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="has-sub-menu d-none"><a href="#">Home</a>
|
||||
<ul class="sub-menu-2">
|
||||
<li class="has-sub-menu"><a href="#">Demo Group #01</a>
|
||||
<ul class="sub-menu-2">
|
||||
<li><a href="index.html">Home Multipurpose</a></li>
|
||||
<li><a href="index-megashop.html">Home Mega Shop</a></li>
|
||||
<li><a href="index-fashion.html">Home Fashion</a></li>
|
||||
<li><a href="index-fashion-2.html">Home Fashion 2 </a></li>
|
||||
<li><a href="index-automobile.html">Home Automobile</a></li>
|
||||
<li><a href="index-furniture.html">Home Furniture</a></li>
|
||||
<li><a href="index-electric.html">Home Electric</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="has-sub-menu"><a href="#">Demo Group #02</a>
|
||||
<ul class="sub-menu-2">
|
||||
<li><a href="index-electric-2.html">Home Electric 2</a></li>
|
||||
<li><a href="index-handcraft.html">Home Hand Craft</a></li>
|
||||
<li><a href="index-book.html">Home Book</a></li>
|
||||
<li><a href="index-book-2.html">Home Book 2</a></li>
|
||||
<li><a href="index-cake.html">Home cake</a></li>
|
||||
<li><a href="index-organic.html">Home Organic</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="has-sub-menu"><a href="#">Demo Group #03</a>
|
||||
<ul class="sub-menu-2">
|
||||
<li><a href="index-flower.html">Home Flower</a></li>
|
||||
<li><a href="index-treeplant.html">Home Tree plant</a></li>
|
||||
<li><a href="index-pet-food.html">Home Pet Food</a></li>
|
||||
<li><a href="index-kids.html">Home Kids</a></li>
|
||||
<li><a href="index-kids-2.html">Home Kids 2</a></li>
|
||||
<li><a href="index-kids-3.html">Home Kids 3</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="has-sub-menu d-none"><a href="#">shop</a>
|
||||
<ul class="sub-menu-2">
|
||||
<li class="has-sub-menu"><a href="#">Shop Layout</a>
|
||||
<ul class="sub-menu-2">
|
||||
<li><a href="shop.html">Shop Grid Style 1</a></li>
|
||||
<li><a href="shop-2.html">Shop Grid Style 2</a></li>
|
||||
<li><a href="shop-3.html">Shop Grid Style 3</a></li>
|
||||
<li><a href="shop-4.html">Shop Grid Style 4</a></li>
|
||||
<li><a href="shop-5.html">Shop Grid Style 5</a></li>
|
||||
<li><a href="shop-6.html">Shop Grid Style 6</a></li>
|
||||
<li><a href="shop-list.html">Shop List Style 1</a></li>
|
||||
<li><a href="shop-list-no-sidebar.html">Shop List Style 2</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="has-sub-menu"><a href="#">Product Layout</a>
|
||||
<ul class="sub-menu-2">
|
||||
<li><a href="product-details.html">Product Layout 1</a></li>
|
||||
<li><a href="product-details-2.html">Product Layout 2</a></li>
|
||||
<li><a href="product-details-3.html">Product Layout 3</a></li>
|
||||
<li><a href="product-details-4.html">Product Layout 4</a></li>
|
||||
<li><a href="product-details-5.html">Product Layout 5</a></li>
|
||||
<li><a href="product-details-6.html">Product Layout 6</a></li>
|
||||
<li><a href="product-details-7.html">Product Layout 7</a></li>
|
||||
<li><a href="product-details-8.html">Product Layout 8</a></li>
|
||||
<li><a href="product-details-9.html">Product Layout 9</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="has-sub-menu"><a href="#">Shop Page</a>
|
||||
<ul class="sub-menu-2">
|
||||
<li><a href="my-account.html">My Account</a></li>
|
||||
<li><a href="checkout.html">Check Out</a></li>
|
||||
<li><a href="cart.html">Shopping Cart</a></li>
|
||||
<li><a href="wishlist.html">Wishlist</a></li>
|
||||
<li><a href="order-tracking.html">Order Tracking</a></li>
|
||||
<li><a href="compare.html">Compare</a></li>
|
||||
<li><a href="store.html">Store</a></li>
|
||||
<li><a href="empty-cart.html">Empty Cart</a></li>
|
||||
<li><a href="login-register.html">login / register</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="has-sub-menu"><a href="#" class="satoshi_font">Laptop</a>
|
||||
<ul class="sub-menu-2" style="list-style:none;">
|
||||
<li><a href="./allinone34inch.html" class="satoshi_font">ZENO 14 inch Business Laptop</a></li>
|
||||
<li class="d-none"><a href="#" class="satoshi_font">ZENO 15.6 inch Business Laptop</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="has-sub-menu"><a href="#" class="satoshi_font">All in One</a>
|
||||
<ul class="sub-menu-2" style="list-style:none;">
|
||||
<li><a href="./allin_one.html" class="satoshi_font">24 inch AIO i5</a></li>
|
||||
<li class="d-none"><a href="#" class="satoshi_font">34 inch AIO i7 4K</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="has-sub-menu">
|
||||
<a href="#"class="satoshi_font product_data" item_id="106633220000002">Products</a>
|
||||
</li>
|
||||
<li class="has-sub-menu"><a href="#" class="satoshi_font">Accessories</a>
|
||||
<ul class="sub-menu-2" style="list-style:none;">
|
||||
<li><a href="../ramproducts.html" accessories_id="106633220000007" class="satoshi_font ram_data">Ram</a></li>
|
||||
<li><a href="#" class="satoshi_font">Storage</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="">
|
||||
<a href="./support.html"class="satoshi_font" >Support</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>
|
||||
</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>`;
|
||||
$("#navbar-head").html(nav_html);
|
||||
|
||||
let ele_page = $("body").hasClass("login_page");
|
||||
if(ele_page == true){
|
||||
// $(".header-area").removeClass("bg-white")
|
||||
}
|
||||
|
||||
// $(".product_data").each(function () {
|
||||
// $(this).click(function () {
|
||||
// debugger;
|
||||
// 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`;
|
||||
// }
|
||||
// })
|
||||
// });
|
||||
let width = $(window).width();
|
||||
$(".menu-negative-mrg2,.menu-negative-mrg3,.menu-negative-mrg4").css("width",width);
|
||||
|
||||
$("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}`;
|
||||
}
|
||||
})
|
||||
|
||||
// destroy localstorage data
|
||||
let loc_path = '/productdetails.html';
|
||||
if (window.location.pathname.includes(loc_path) === false) {
|
||||
localStorage.removeItem("product_data")
|
||||
}
|
||||
Vendored
+48
@@ -0,0 +1,48 @@
|
||||
$(function() {
|
||||
|
||||
// Get the form.
|
||||
var form = $('#contact-form');
|
||||
|
||||
// Get the messages div.
|
||||
var formMessages = $('.form-messege');
|
||||
|
||||
// Set up an event listener for the contact form.
|
||||
$(form).submit(function(e) {
|
||||
// Stop the browser from submitting the form.
|
||||
e.preventDefault();
|
||||
|
||||
// Serialize the form data.
|
||||
var formData = $(form).serialize();
|
||||
|
||||
// Submit the form using AJAX.
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
url: $(form).attr('action'),
|
||||
data: formData
|
||||
})
|
||||
.done(function(response) {
|
||||
// Make sure that the formMessages div has the 'success' class.
|
||||
$(formMessages).removeClass('error');
|
||||
$(formMessages).addClass('success');
|
||||
|
||||
// Set the message text.
|
||||
$(formMessages).text(response);
|
||||
|
||||
// Clear the form.
|
||||
$('#contact-form input,#contact-form textarea').val('');
|
||||
})
|
||||
.fail(function(data) {
|
||||
// Make sure that the formMessages div has the 'error' class.
|
||||
$(formMessages).removeClass('success');
|
||||
$(formMessages).addClass('error');
|
||||
|
||||
// Set the message text.
|
||||
if (data.responseText !== '') {
|
||||
$(formMessages).text(data.responseText);
|
||||
} else {
|
||||
$(formMessages).text('Oops! An error occured and your message could not be sent.');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
Vendored
+22
@@ -0,0 +1,22 @@
|
||||
/*!
|
||||
* The Final Countdown for jQuery v2.2.0 (http://hilios.github.io/jQuery.countdown/)
|
||||
* Copyright (c) 2016 Edson Hilios
|
||||
*
|
||||
* Permission is hereby granted, free of charge, to any person obtaining a copy of
|
||||
* this software and associated documentation files (the "Software"), to deal in
|
||||
* the Software without restriction, including without limitation the rights to
|
||||
* use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
||||
* the Software, and to permit persons to whom the Software is furnished to do so,
|
||||
* subject to the following conditions:
|
||||
*
|
||||
* The above copyright notice and this permission notice shall be included in all
|
||||
* copies or substantial portions of the Software.
|
||||
*
|
||||
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
||||
* FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
||||
* COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
||||
* IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
||||
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
*/
|
||||
!function(a){"use strict";"function"==typeof define&&define.amd?define(["jquery"],a):a(jQuery)}(function(a){"use strict";function b(a){if(a instanceof Date)return a;if(String(a).match(g))return String(a).match(/^[0-9]*$/)&&(a=Number(a)),String(a).match(/\-/)&&(a=String(a).replace(/\-/g,"/")),new Date(a);throw new Error("Couldn't cast `"+a+"` to a date object.")}function c(a){var b=a.toString().replace(/([.?*+^$[\]\\(){}|-])/g,"\\$1");return new RegExp(b)}function d(a){return function(b){var d=b.match(/%(-|!)?[A-Z]{1}(:[^;]+;)?/gi);if(d)for(var f=0,g=d.length;f<g;++f){var h=d[f].match(/%(-|!)?([a-zA-Z]{1})(:[^;]+;)?/),j=c(h[0]),k=h[1]||"",l=h[3]||"",m=null;h=h[2],i.hasOwnProperty(h)&&(m=i[h],m=Number(a[m])),null!==m&&("!"===k&&(m=e(l,m)),""===k&&m<10&&(m="0"+m.toString()),b=b.replace(j,m.toString()))}return b=b.replace(/%%/,"%")}}function e(a,b){var c="s",d="";return a&&(a=a.replace(/(:|;|\s)/gi,"").split(/\,/),1===a.length?c=a[0]:(d=a[0],c=a[1])),Math.abs(b)>1?c:d}var f=[],g=[],h={precision:100,elapse:!1,defer:!1};g.push(/^[0-9]*$/.source),g.push(/([0-9]{1,2}\/){2}[0-9]{4}( [0-9]{1,2}(:[0-9]{2}){2})?/.source),g.push(/[0-9]{4}([\/\-][0-9]{1,2}){2}( [0-9]{1,2}(:[0-9]{2}){2})?/.source),g=new RegExp(g.join("|"));var i={Y:"years",m:"months",n:"daysToMonth",d:"daysToWeek",w:"weeks",W:"weeksToMonth",H:"hours",M:"minutes",S:"seconds",D:"totalDays",I:"totalHours",N:"totalMinutes",T:"totalSeconds"},j=function(b,c,d){this.el=b,this.$el=a(b),this.interval=null,this.offset={},this.options=a.extend({},h),this.firstTick=!0,this.instanceNumber=f.length,f.push(this),this.$el.data("countdown-instance",this.instanceNumber),d&&("function"==typeof d?(this.$el.on("update.countdown",d),this.$el.on("stoped.countdown",d),this.$el.on("finish.countdown",d)):this.options=a.extend({},h,d)),this.setFinalDate(c),this.options.defer===!1&&this.start()};a.extend(j.prototype,{start:function(){null!==this.interval&&clearInterval(this.interval);var a=this;this.update(),this.interval=setInterval(function(){a.update.call(a)},this.options.precision)},stop:function(){clearInterval(this.interval),this.interval=null,this.dispatchEvent("stoped")},toggle:function(){this.interval?this.stop():this.start()},pause:function(){this.stop()},resume:function(){this.start()},remove:function(){this.stop.call(this),f[this.instanceNumber]=null,delete this.$el.data().countdownInstance},setFinalDate:function(a){this.finalDate=b(a)},update:function(){if(0===this.$el.closest("html").length)return void this.remove();var a,b=new Date;return a=this.finalDate.getTime()-b.getTime(),a=Math.ceil(a/1e3),a=!this.options.elapse&&a<0?0:Math.abs(a),this.totalSecsLeft===a||this.firstTick?void(this.firstTick=!1):(this.totalSecsLeft=a,this.elapsed=b>=this.finalDate,this.offset={seconds:this.totalSecsLeft%60,minutes:Math.floor(this.totalSecsLeft/60)%60,hours:Math.floor(this.totalSecsLeft/60/60)%24,days:Math.floor(this.totalSecsLeft/60/60/24)%7,daysToWeek:Math.floor(this.totalSecsLeft/60/60/24)%7,daysToMonth:Math.floor(this.totalSecsLeft/60/60/24%30.4368),weeks:Math.floor(this.totalSecsLeft/60/60/24/7),weeksToMonth:Math.floor(this.totalSecsLeft/60/60/24/7)%4,months:Math.floor(this.totalSecsLeft/60/60/24/30.4368),years:Math.abs(this.finalDate.getFullYear()-b.getFullYear()),totalDays:Math.floor(this.totalSecsLeft/60/60/24),totalHours:Math.floor(this.totalSecsLeft/60/60),totalMinutes:Math.floor(this.totalSecsLeft/60),totalSeconds:this.totalSecsLeft},void(this.options.elapse||0!==this.totalSecsLeft?this.dispatchEvent("update"):(this.stop(),this.dispatchEvent("finish"))))},dispatchEvent:function(b){var c=a.Event(b+".countdown");c.finalDate=this.finalDate,c.elapsed=this.elapsed,c.offset=a.extend({},this.offset),c.strftime=d(this.offset),this.$el.trigger(c)}}),a.fn.countdown=function(){var b=Array.prototype.slice.call(arguments,0);return this.each(function(){var c=a(this).data("countdown-instance");if(void 0!==c){var d=f[c],e=b[0];j.prototype.hasOwnProperty(e)?d[e].apply(d,b.slice(1)):null===String(e).match(/^[$A-Z_][0-9A-Z_$]*$/i)?(d.setFinalDate.call(d,e),d.start()):a.error("Method %s does not exist on jQuery.countdown".replace(/\%s/gi,e))}else new j(this,b[0],b[1])})}});
|
||||
Vendored
+7
@@ -0,0 +1,7 @@
|
||||
/*!
|
||||
* @name easyzoom
|
||||
* @author <>
|
||||
* @modified Thursday, November 22nd, 2018
|
||||
* @version 2.5.2
|
||||
*/
|
||||
!function(t,e){"use strict";"function"==typeof define&&define.amd?define(["jquery"],function(t){e(t)}):"object"==typeof module&&module.exports?module.exports=t.EasyZoom=e(require("jquery")):t.EasyZoom=e(t.jQuery)}(this,function(i){"use strict";var c,d,l,p,u,f,o={loadingNotice:"Loading image",errorNotice:"The image could not be loaded",errorDuration:2500,linkAttribute:"href",preventClicks:!0,beforeShow:i.noop,beforeHide:i.noop,onShow:i.noop,onHide:i.noop,onMove:i.noop};function s(t,e){this.$target=i(t),this.opts=i.extend({},o,e,this.$target.data()),void 0===this.isOpen&&this._init()}return s.prototype._init=function(){this.$link=this.$target.find("a"),this.$image=this.$target.find("img"),this.$flyout=i('<div class="easyzoom-flyout" />'),this.$notice=i('<div class="easyzoom-notice" />'),this.$target.on({"mousemove.easyzoom touchmove.easyzoom":i.proxy(this._onMove,this),"mouseleave.easyzoom touchend.easyzoom":i.proxy(this._onLeave,this),"mouseenter.easyzoom touchstart.easyzoom":i.proxy(this._onEnter,this)}),this.opts.preventClicks&&this.$target.on("click.easyzoom",function(t){t.preventDefault()})},s.prototype.show=function(t,e){var o=this;if(!1!==this.opts.beforeShow.call(this)){if(!this.isReady)return this._loadImage(this.$link.attr(this.opts.linkAttribute),function(){!o.isMouseOver&&e||o.show(t)});this.$target.append(this.$flyout);var i=this.$target.outerWidth(),s=this.$target.outerHeight(),h=this.$flyout.width(),n=this.$flyout.height(),a=this.$zoom.width(),r=this.$zoom.height();(c=a-h)<0&&(c=0),(d=r-n)<0&&(d=0),l=c/i,p=d/s,this.isOpen=!0,this.opts.onShow.call(this),t&&this._move(t)}},s.prototype._onEnter=function(t){var e=t.originalEvent.touches;this.isMouseOver=!0,e&&1!=e.length||(t.preventDefault(),this.show(t,!0))},s.prototype._onMove=function(t){this.isOpen&&(t.preventDefault(),this._move(t))},s.prototype._onLeave=function(){this.isMouseOver=!1,this.isOpen&&this.hide()},s.prototype._onLoad=function(t){t.currentTarget.width&&(this.isReady=!0,this.$notice.detach(),this.$flyout.html(this.$zoom),this.$target.removeClass("is-loading").addClass("is-ready"),t.data.call&&t.data())},s.prototype._onError=function(){var t=this;this.$notice.text(this.opts.errorNotice),this.$target.removeClass("is-loading").addClass("is-error"),this.detachNotice=setTimeout(function(){t.$notice.detach(),t.detachNotice=null},this.opts.errorDuration)},s.prototype._loadImage=function(t,e){var o=new Image;this.$target.addClass("is-loading").append(this.$notice.text(this.opts.loadingNotice)),this.$zoom=i(o).on("error",i.proxy(this._onError,this)).on("load",e,i.proxy(this._onLoad,this)),o.style.position="absolute",o.src=t},s.prototype._move=function(t){if(0===t.type.indexOf("touch")){var e=t.touches||t.originalEvent.touches;u=e[0].pageX,f=e[0].pageY}else u=t.pageX||u,f=t.pageY||f;var o=this.$target.offset(),i=f-o.top,s=u-o.left,h=Math.ceil(i*p),n=Math.ceil(s*l);if(n<0||h<0||c<n||d<h)this.hide();else{var a=-1*h,r=-1*n;this.$zoom.css({top:a,left:r}),this.opts.onMove.call(this,a,r)}},s.prototype.hide=function(){this.isOpen&&!1!==this.opts.beforeHide.call(this)&&(this.$flyout.detach(),this.isOpen=!1,this.opts.onHide.call(this))},s.prototype.swap=function(t,e,o){this.hide(),this.isReady=!1,this.detachNotice&&clearTimeout(this.detachNotice),this.$notice.parent().length&&this.$notice.detach(),this.$target.removeClass("is-loading is-ready is-error"),this.$image.attr({src:t,srcset:i.isArray(o)?o.join():o}),this.$link.attr(this.opts.linkAttribute,e)},s.prototype.teardown=function(){this.hide(),this.$target.off(".easyzoom").removeClass("is-loading is-ready is-error"),this.detachNotice&&clearTimeout(this.detachNotice),delete this.$link,delete this.$zoom,delete this.$image,delete this.$notice,delete this.$flyout,delete this.isOpen,delete this.isReady},i.fn.easyZoom=function(e){return this.each(function(){var t=i.data(this,"easyZoom");t?void 0===t.isOpen&&t._init():i.data(this,"easyZoom",new s(this,e))})},s});
|
||||
Vendored
+7
File diff suppressed because one or more lines are too long
Vendored
+5
File diff suppressed because one or more lines are too long
Vendored
+12
File diff suppressed because one or more lines are too long
+11
@@ -0,0 +1,11 @@
|
||||
/*!
|
||||
* jQuery UI Touch Punch 0.2.3
|
||||
*
|
||||
* Copyright 2011–2014, Dave Furfero
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
*
|
||||
* Depends:
|
||||
* jquery.ui.widget.js
|
||||
* jquery.ui.mouse.js
|
||||
*/
|
||||
!function(a){function f(a,b){if(!(a.originalEvent.touches.length>1)){a.preventDefault();var c=a.originalEvent.changedTouches[0],d=document.createEvent("MouseEvents");d.initMouseEvent(b,!0,!0,window,1,c.screenX,c.screenY,c.clientX,c.clientY,!1,!1,!1,!1,0,null),a.target.dispatchEvent(d)}}if(a.support.touch="ontouchend"in document,a.support.touch){var e,b=a.ui.mouse.prototype,c=b._mouseInit,d=b._mouseDestroy;b._touchStart=function(a){var b=this;!e&&b._mouseCapture(a.originalEvent.changedTouches[0])&&(e=!0,b._touchMoved=!1,f(a,"mouseover"),f(a,"mousemove"),f(a,"mousedown"))},b._touchMove=function(a){e&&(this._touchMoved=!0,f(a,"mousemove"))},b._touchEnd=function(a){e&&(f(a,"mouseup"),f(a,"mouseout"),this._touchMoved||f(a,"click"),e=!1)},b._mouseInit=function(){var b=this;b.element.bind({touchstart:a.proxy(b,"_touchStart"),touchmove:a.proxy(b,"_touchMove"),touchend:a.proxy(b,"_touchEnd")}),c.call(b)},b._mouseDestroy=function(){var b=this;b.element.unbind({touchstart:a.proxy(b,"_touchStart"),touchmove:a.proxy(b,"_touchMove"),touchend:a.proxy(b,"_touchEnd")}),d.call(b)}}}(jQuery);
|
||||
Vendored
+6
File diff suppressed because one or more lines are too long
+4
@@ -0,0 +1,4 @@
|
||||
/* jQuery Nice Select - v1.0
|
||||
https://github.com/hernansartorio/jquery-nice-select
|
||||
Made by Hernán Sartorio */
|
||||
!function(e){e.fn.niceSelect=function(t){function s(t){t.after(e("<div></div>").addClass("nice-select").addClass(t.attr("class")||"").addClass(t.attr("disabled")?"disabled":"").attr("tabindex",t.attr("disabled")?null:"0").html('<span class="current"></span><ul class="list"></ul>'));var s=t.next(),n=t.find("option"),i=t.find("option:selected");s.find(".current").html(i.data("display")||i.text()),n.each(function(t){var n=e(this),i=n.data("display");s.find("ul").append(e("<li></li>").attr("data-value",n.val()).attr("data-display",i||null).addClass("option"+(n.is(":selected")?" selected":"")+(n.is(":disabled")?" disabled":"")).html(n.text()))})}if("string"==typeof t)return"update"==t?this.each(function(){var t=e(this),n=e(this).next(".nice-select"),i=n.hasClass("open");n.length&&(n.remove(),s(t),i&&t.next().trigger("click"))}):"destroy"==t?(this.each(function(){var t=e(this),s=e(this).next(".nice-select");s.length&&(s.remove(),t.css("display",""))}),0==e(".nice-select").length&&e(document).off(".nice_select")):console.log('Method "'+t+'" does not exist.'),this;this.hide(),this.each(function(){var t=e(this);t.next().hasClass("nice-select")||s(t)}),e(document).off(".nice_select"),e(document).on("click.nice_select",".nice-select",function(t){var s=e(this);e(".nice-select").not(s).removeClass("open"),s.toggleClass("open"),s.hasClass("open")?(s.find(".option"),s.find(".focus").removeClass("focus"),s.find(".selected").addClass("focus")):s.focus()}),e(document).on("click.nice_select",function(t){0===e(t.target).closest(".nice-select").length&&e(".nice-select").removeClass("open").find(".option")}),e(document).on("click.nice_select",".nice-select .option:not(.disabled)",function(t){var s=e(this),n=s.closest(".nice-select");n.find(".selected").removeClass("selected"),s.addClass("selected");var i=s.data("display")||s.text();n.find(".current").text(i),n.prev("select").val(s.data("value")).trigger("change")}),e(document).on("keydown.nice_select",".nice-select",function(t){var s=e(this),n=e(s.find(".focus")||s.find(".list .option.selected"));if(32==t.keyCode||13==t.keyCode)return s.hasClass("open")?n.trigger("click"):s.trigger("click"),!1;if(40==t.keyCode){if(s.hasClass("open")){var i=n.nextAll(".option:not(.disabled)").first();i.length>0&&(s.find(".focus").removeClass("focus"),i.addClass("focus"))}else s.trigger("click");return!1}if(38==t.keyCode){if(s.hasClass("open")){var l=n.prevAll(".option:not(.disabled)").first();l.length>0&&(s.find(".focus").removeClass("focus"),l.addClass("focus"))}else s.trigger("click");return!1}if(27==t.keyCode)s.hasClass("open")&&s.trigger("click");else if(9==t.keyCode&&s.hasClass("open"))return!1});var n=document.createElement("a").style;return n.cssText="pointer-events:auto","auto"!==n.pointerEvents&&e("html").addClass("no-csspointerevents"),this}}(jQuery);
|
||||
Vendored
+6
File diff suppressed because one or more lines are too long
Vendored
+2
File diff suppressed because one or more lines are too long
Vendored
+215
File diff suppressed because one or more lines are too long
Vendored
+1
File diff suppressed because one or more lines are too long
Vendored
+11
@@ -0,0 +1,11 @@
|
||||
|
||||
/*
|
||||
*
|
||||
* scrollup
|
||||
* Url: http://markgoodyear.com/labs/scrollup/
|
||||
* v2.4.1
|
||||
*
|
||||
*/
|
||||
!function(l,o,e){"use strict";l.fn.scrollUp=function(o){l.data(e.body,"scrollUp")||(l.data(e.body,"scrollUp",!0),l.fn.scrollUp.init(o))},l.fn.scrollUp.init=function(r){var s,t,c,i,n,a,d,p=l.fn.scrollUp.settings=l.extend({},l.fn.scrollUp.defaults,r),f=!1;switch(d=p.scrollTrigger?l(p.scrollTrigger):l("<a/>",{id:p.scrollName,href:"#top"}),p.scrollTitle&&d.attr("title",p.scrollTitle),d.appendTo("body"),p.scrollImg||p.scrollTrigger||d.html(p.scrollText),d.css({display:"none",position:"fixed",zIndex:p.zIndex}),p.activeOverlay&&l("<div/>",{id:p.scrollName+"-active"}).css({position:"absolute",top:p.scrollDistance+"px",width:"100%",borderTop:"1px dotted"+p.activeOverlay,zIndex:p.zIndex}).appendTo("body"),p.animation){case"fade":s="fadeIn",t="fadeOut",c=p.animationSpeed;break;case"slide":s="slideDown",t="slideUp",c=p.animationSpeed;break;default:s="show",t="hide",c=0}i="top"===p.scrollFrom?p.scrollDistance:l(e).height()-l(o).height()-p.scrollDistance,n=l(o).scroll(function(){l(o).scrollTop()>i?f||(d[s](c),f=!0):f&&(d[t](c),f=!1)}),p.scrollTarget?"number"==typeof p.scrollTarget?a=p.scrollTarget:"string"==typeof p.scrollTarget&&(a=Math.floor(l(p.scrollTarget).offset().top)):a=0,d.click(function(o){o.preventDefault(),l("html, body").animate({scrollTop:a},p.scrollSpeed,p.easingType)})},l.fn.scrollUp.defaults={scrollName:"scrollUp",scrollDistance:300,scrollFrom:"top",scrollSpeed:300,easingType:"linear",animation:"fade",animationSpeed:200,scrollTrigger:!1,scrollTarget:!1,scrollText:"Scroll to top",scrollTitle:!1,scrollImg:!1,activeOverlay:!1,zIndex:2147483647},l.fn.scrollUp.destroy=function(r){l.removeData(e.body,"scrollUp"),l("#"+l.fn.scrollUp.settings.scrollName).remove(),l("#"+l.fn.scrollUp.settings.scrollName+"-active").remove(),l.fn.jquery.split(".")[1]>=7?l(o).off("scroll",r):l(o).unbind("scroll",r)},l.scrollUp=l.fn.scrollUp}(jQuery,window,document);
|
||||
|
||||
|
||||
Vendored
+13
File diff suppressed because one or more lines are too long
Vendored
+8
@@ -0,0 +1,8 @@
|
||||
/**
|
||||
* SVGInjector v1.1.3 - Fast, caching, dynamic inline SVG DOM injection library
|
||||
* https://github.com/iconic/SVGInjector
|
||||
*
|
||||
* Copyright (c) 2014-2015 Waybury <hello@waybury.com>
|
||||
* @license MIT
|
||||
*/
|
||||
!function(t,e){"use strict";function r(t){t=t.split(" ");for(var e={},r=t.length,n=[];r--;)e.hasOwnProperty(t[r])||(e[t[r]]=1,n.unshift(t[r]));return n.join(" ")}var n="file:"===t.location.protocol,i=e.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#BasicStructure","1.1"),o=Array.prototype.forEach||function(t,e){if(void 0===this||null===this||"function"!=typeof t)throw new TypeError;var r,n=this.length>>>0;for(r=0;n>r;++r)r in this&&t.call(e,this[r],r,this)},a={},l=0,s=[],u=[],c={},f=function(t){return t.cloneNode(!0)},p=function(t,e){u[t]=u[t]||[],u[t].push(e)},d=function(t){for(var e=0,r=u[t].length;r>e;e++)!function(e){setTimeout(function(){u[t][e](f(a[t]))},0)}(e)},v=function(e,r){if(void 0!==a[e])a[e]instanceof SVGSVGElement?r(f(a[e])):p(e,r);else{if(!t.XMLHttpRequest)return r("Browser does not support XMLHttpRequest"),!1;a[e]={},p(e,r);var i=new XMLHttpRequest;i.onreadystatechange=function(){if(4===i.readyState){if(404===i.status||null===i.responseXML)return r("Unable to load SVG file: "+e),n&&r("Note: SVG injection ajax calls do not work locally without adjusting security setting in your browser. Or consider using a local webserver."),r(),!1;if(!(200===i.status||n&&0===i.status))return r("There was a problem injecting the SVG: "+i.status+" "+i.statusText),!1;if(i.responseXML instanceof Document)a[e]=i.responseXML.documentElement;else if(DOMParser&&DOMParser instanceof Function){var t;try{var o=new DOMParser;t=o.parseFromString(i.responseText,"text/xml")}catch(l){t=void 0}if(!t||t.getElementsByTagName("parsererror").length)return r("Unable to parse SVG file: "+e),!1;a[e]=t.documentElement}d(e)}},i.open("GET",e),i.overrideMimeType&&i.overrideMimeType("text/xml"),i.send()}},h=function(e,n,a,u){var f=e.getAttribute("data-src")||e.getAttribute("src");if(!/\.svg/i.test(f))return void u("Attempted to inject a file with a non-svg extension: "+f);if(!i){var p=e.getAttribute("data-fallback")||e.getAttribute("data-png");return void(p?(e.setAttribute("src",p),u(null)):a?(e.setAttribute("src",a+"/"+f.split("/").pop().replace(".svg",".png")),u(null)):u("This browser does not support SVG and no PNG fallback was defined."))}-1===s.indexOf(e)&&(s.push(e),e.setAttribute("src",""),v(f,function(i){if("undefined"==typeof i||"string"==typeof i)return u(i),!1;var a=e.getAttribute("id");a&&i.setAttribute("id",a);var p=e.getAttribute("title");p&&i.setAttribute("title",p);var d=[].concat(i.getAttribute("class")||[],"injected-svg",e.getAttribute("class")||[]).join(" ");i.setAttribute("class",r(d));var v=e.getAttribute("style");v&&i.setAttribute("style",v);var h=[].filter.call(e.attributes,function(t){return/^data-\w[\w\-]*$/.test(t.name)});o.call(h,function(t){t.name&&t.value&&i.setAttribute(t.name,t.value)});var g,m,b,y,A,w={clipPath:["clip-path"],"color-profile":["color-profile"],cursor:["cursor"],filter:["filter"],linearGradient:["fill","stroke"],marker:["marker","marker-start","marker-mid","marker-end"],mask:["mask"],pattern:["fill","stroke"],radialGradient:["fill","stroke"]};Object.keys(w).forEach(function(t){g=t,b=w[t],m=i.querySelectorAll("defs "+g+"[id]");for(var e=0,r=m.length;r>e;e++){y=m[e].id,A=y+"-"+l;var n;o.call(b,function(t){n=i.querySelectorAll("["+t+'*="'+y+'"]');for(var e=0,r=n.length;r>e;e++)n[e].setAttribute(t,"url(#"+A+")")}),m[e].id=A}}),i.removeAttribute("xmlns:a");for(var x,S,k=i.querySelectorAll("script"),j=[],G=0,T=k.length;T>G;G++)S=k[G].getAttribute("type"),S&&"application/ecmascript"!==S&&"application/javascript"!==S||(x=k[G].innerText||k[G].textContent,j.push(x),i.removeChild(k[G]));if(j.length>0&&("always"===n||"once"===n&&!c[f])){for(var M=0,V=j.length;V>M;M++)new Function(j[M])(t);c[f]=!0}var E=i.querySelectorAll("style");o.call(E,function(t){t.textContent+=""}),e.parentNode.replaceChild(i,e),delete s[s.indexOf(e)],e=null,l++,u(i)}))},g=function(t,e,r){e=e||{};var n=e.evalScripts||"always",i=e.pngFallback||!1,a=e.each;if(void 0!==t.length){var l=0;o.call(t,function(e){h(e,n,i,function(e){a&&"function"==typeof a&&a(e),r&&t.length===++l&&r(l)})})}else t?h(t,n,i,function(e){a&&"function"==typeof a&&a(e),r&&r(1),t=null}):r&&r(0)};"object"==typeof module&&"object"==typeof module.exports?module.exports=exports=g:"function"==typeof define&&define.amd?define(function(){return g}):"object"==typeof t&&(t.SVGInjector=g)}(window,document);
|
||||
Vendored
+3
File diff suppressed because one or more lines are too long
Vendored
+67
@@ -0,0 +1,67 @@
|
||||
|
||||
async function getDataStatAxios(url) {
|
||||
const config = {
|
||||
url,
|
||||
method: 'get',
|
||||
headers: {
|
||||
'Authorization': `stat 05b2f2ca510344968c65e1ebf49a5595`,
|
||||
}
|
||||
};
|
||||
|
||||
let response = await axios(config);
|
||||
let item_array = JSON.parse(response.data.result);
|
||||
$.each(item_array, function (key, value) {
|
||||
let item_html = `
|
||||
<div class="col-lg-4 col-md-6 pb-3 items_ptoducts" data_item_search="${value.productname}">
|
||||
<div class="card h-100 shadow border-0 p-1">
|
||||
<div class="card-head text-center">
|
||||
<img src="../dist/assets/imgs/Navbar/Accessiories-1.png" class="img-fluid"/>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<ul style="list-style:none" class="h-10p p-0">
|
||||
<li class="border-bottom py-1 satoshi_font">${value.productname}</li>
|
||||
<li class="border-bottom py-1 d-none satoshi_font">${value.itemname}</li>
|
||||
<li class="border-bottom py-1 d-none satoshi_font">${value.sku}</li>
|
||||
</ul>
|
||||
<div>
|
||||
<a href="#" class="bg-black btn font-1-2 px-5 rounded-5 text-white w-100 satoshi_font" data_detail="${value.productid}">Details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>`;
|
||||
// $(".product_name").html(value.productname);
|
||||
$(".item_details").append(item_html);
|
||||
})
|
||||
$(".item_details").find(".items_ptoducts").each(function(){
|
||||
$(this).find(".card_body").find("a.btn").click(function(){
|
||||
let product_id = $(this).find(".card-body").find("a.btn").attr("data_detail");
|
||||
let loc_path = '/productdetails.html'
|
||||
if (window.location.pathname.includes(loc_path)) {
|
||||
window.location.href = `?itemid=${product_id}`
|
||||
}
|
||||
else {
|
||||
window.location.href = `/productdetails.html?itemid=${product_id}`;
|
||||
}
|
||||
})
|
||||
});
|
||||
}
|
||||
let port = `https://anwi.bizgaze.app`
|
||||
let loc_id = window.location.search;
|
||||
let loc_url = loc_id.split("=");
|
||||
let locpath = "/products.html?products";
|
||||
let url;
|
||||
if (window.location.href.includes(locpath)) {
|
||||
url = `${port}/apis/v4/bizgaze/integrations/products/getallproducts`;
|
||||
}else{
|
||||
url = `${port}/apis/v4/bizgaze/integrations/products/getproductsbyid/itemgroupid/${loc_url[1]}`;
|
||||
}
|
||||
getDataStatAxios(url);
|
||||
|
||||
$("#item_search").on("keyup", function() {
|
||||
var value = $(this).val().toLowerCase();
|
||||
$(".list_items").find(".items_ptoducts").filter(function() {
|
||||
$(this).toggle($(this).attr("data_item_search").toLowerCase().indexOf(value) > -1)
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
Vendored
+243
@@ -0,0 +1,243 @@
|
||||
const mainPhoto = $('.productDetailsMain > img');
|
||||
let currentTypeModal = null;
|
||||
|
||||
function onClickHandler(e) {
|
||||
$(e).parent().find('.borderselector').removeClass('borderselector');
|
||||
|
||||
$(e).addClass('borderselector')
|
||||
|
||||
}
|
||||
|
||||
|
||||
function setProductData(data) {
|
||||
if (!data) return;
|
||||
const productname = data.displayName;
|
||||
|
||||
$('.productname').html(data.displayName)
|
||||
|
||||
const type = data.productType;
|
||||
switch (type) {
|
||||
case 'ram':
|
||||
// setRamProduct(data.type)
|
||||
setProductRam_new(data.type)
|
||||
break;
|
||||
|
||||
default:
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
// new
|
||||
|
||||
function setProductRam_new(data){
|
||||
const {name,specs} = data;
|
||||
|
||||
$('.productname').html(name);
|
||||
let parent = $('.memory-parent').find('.borderselector').html();
|
||||
let ramTech = parent.trim().toLowerCase()
|
||||
genrateChildMem(ramTech);
|
||||
|
||||
}
|
||||
|
||||
function getChildHTML(name,isTrue,attr){
|
||||
let data_attr = attr;
|
||||
if(data_attr == undefined){
|
||||
return ` <div data-${attr}="${attr}" type="button" onclick="onClickHandler(this)" class="specsmallcard-mini ${isTrue?'borderselector':''} card small-font p-3" data-version="${name}">
|
||||
${name}
|
||||
</div>`;
|
||||
}else{
|
||||
return ` <div data-${attr}="${attr}" type="button" onclick="onClickHandler(this)" class="specsmallcard-mini ${isTrue?'borderselector':''} card small-font p-3" data-gb="${name}">
|
||||
${name}
|
||||
</div>`;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function computerSizeClick(obj){
|
||||
$(`[data-computersize="computersize"]`).off().click(function (e){
|
||||
let size = $(e.target).html().trim().toLowerCase();
|
||||
|
||||
setPrice(size);
|
||||
// if(size == '16gb'){
|
||||
// const str = './dist/assets/imgs/Home_new/Home_Carousel_2.png';
|
||||
// $('.productDetailsMain > img').attr('src',str);
|
||||
|
||||
// }
|
||||
})
|
||||
|
||||
// console.log($($(`[data-computersize="computersize"]`)[0]).html().trim().toLowerCase());
|
||||
function setPrice(size){
|
||||
let namehelper = $('.ramtech').find('.borderselector').html().trim().toLowerCase();
|
||||
let devHelper = $('.memorycontainer').find('.borderselector').html().trim().toLowerCase();
|
||||
let name = '';
|
||||
let realName = '';
|
||||
let imgURL = '';
|
||||
if(namehelper === 'ddr4' && devHelper === 'desktop'){
|
||||
name = 'priceddr4d'
|
||||
|
||||
}else if(namehelper === 'ddr5' && devHelper === 'desktop'){
|
||||
name = 'priceddr5d'
|
||||
}else if(namehelper === 'ddr4' && devHelper === 'laptop'){
|
||||
name = 'priceddr4l'
|
||||
}else {
|
||||
name = 'priceddr5l'
|
||||
}
|
||||
if(size == '16gb'){
|
||||
$('.price').html(obj[name][1]);
|
||||
$('.productname').html(obj[`${name}name`][1]);
|
||||
$('.productDetailsMain img').attr('src',obj[`${name}img`][1])
|
||||
}else if(size == '32gb'){
|
||||
$('.price').html(obj[name][2]);
|
||||
$('.productname').html(obj[`${name}name`][2]);
|
||||
$('.productDetailsMain img').attr('src',obj[`${name}img`][2])
|
||||
}else{
|
||||
$('.price').html(obj[name][0]);
|
||||
$('.productname').html(obj[`${name}name`][0]);
|
||||
$('.productDetailsMain img').attr('src',obj[`${name}img`][0]);
|
||||
}
|
||||
}
|
||||
|
||||
let size = $($(`[data-computersize="computersize"]`)[0]).html().trim().toLowerCase();
|
||||
setPrice(size);
|
||||
}
|
||||
|
||||
function genrateChildMem(ramTech,attr){
|
||||
let remTechArr = obj[ramTech];
|
||||
let items = '';
|
||||
for(let i=0;i<remTechArr.length;i++){
|
||||
items += getChildHTML(remTechArr[i],i==0,attr);
|
||||
}
|
||||
|
||||
$('.ramtech').html(items);
|
||||
$(`[data-${attr}="${attr}"]`).off().click(function (e){
|
||||
let ram = $(e.target).html().trim().toLowerCase();
|
||||
const ans = obj[ram];
|
||||
let html ='';
|
||||
for(let i=0;i<ans.length;i++){
|
||||
html += getChildHTML(ans[i],i==0,'computersize')
|
||||
}
|
||||
$('.computersize').html(html);
|
||||
computerSizeClick(obj);
|
||||
})
|
||||
|
||||
const ans = obj[remTechArr[0].toLowerCase()];
|
||||
let html ='';
|
||||
for(let i=0;i<ans.length;i++){
|
||||
html += getChildHTML(ans[i],i==0,'computersize')
|
||||
}
|
||||
$('.computersize').html(html);
|
||||
|
||||
computerSizeClick(obj);
|
||||
|
||||
|
||||
}
|
||||
|
||||
$('.memorycontainer').click(function (e){
|
||||
const type = $(e.target).data('type');
|
||||
if(type !== 'memory-desktop' && type !== 'memory-laptop') return;
|
||||
|
||||
$(e.target).parent().find('.borderselector').removeClass('borderselector');
|
||||
$(e.target).addClass('borderselector');
|
||||
|
||||
if(type == 'memory-desktop'){
|
||||
debugger;
|
||||
genrateChildMem('desktop','ramtech');
|
||||
}else{
|
||||
genrateChildMem('laptop','ramtech');
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
|
||||
// new end
|
||||
|
||||
function init() {
|
||||
$('.product-item-gallery > img').each(function (i, el) {
|
||||
$(el).click(function (e) {
|
||||
$('.product-item-gallery.active-gallery-img').removeClass('active-gallery-img');
|
||||
let src = $(e.target).attr('src');
|
||||
|
||||
$(e.target).parent().addClass('active-gallery-img');
|
||||
mainPhoto.attr('src', src);
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
// const data = getDataProduct();
|
||||
setProductRam_new(obj);
|
||||
|
||||
// setProductItemData(rams);
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
let obj = {
|
||||
name:'ORA3',
|
||||
desktop:['DDR4','DDR5'],
|
||||
laptop:['DDR4','DDR5'],
|
||||
ddr4:['8GB','16GB','32GB'],
|
||||
ddr5:['8GB','16GB','32GB'],
|
||||
priceddr4l:[2990, 4750, 8450],
|
||||
priceddr5l:[5150, 7800, 13900],
|
||||
priceddr4d:[2990, 4750, 9450],
|
||||
priceddr5d:[5800, 7600, 15500],
|
||||
priceddr4lname:['ORA 8GB DDR4 3200MHz Laptop RAM','ORA 16GB DDR4 3200MHz Laptop RAM','ORA 32GB DDR4 3200MHz Laptop RAM'],
|
||||
priceddr5lname:['ORA 8GB DDR5 4800MHz Laptop RAM','ORA 16GB DDR5 4800MHz Laptop RAM','ORA 32GB DDR5 4800MHz Laptop RAM'],
|
||||
|
||||
priceddr4dname:['ORA 8GB DDR4 3200MHz Desktop RAM','ORA 16GB DDR4 3200MHz Desktop RAM','ORA 32GB DDR4 3200MHz Desktop RAM'],
|
||||
priceddr5dname:['ORA 8GB DDR5 4800MHz Desktop RAM','ORA 16GB DDR5 4800MHz Desktop RAM','ORA 32GB DDR5 4800MHz Desktop RAM'],
|
||||
|
||||
|
||||
priceddr4limg:['../dist/assets/imgs/accessiories/ram/ddr4-laptop.jpg','../dist/assets/imgs/accessiories/ram/ddr4-laptop.jpg', '../dist/assets/imgs/accessiories/ram/ddr4-laptop.jpg'],
|
||||
priceddr5limg:['../dist/assets/imgs/accessiories/ram/ddr5-laptop.jpg', '../dist/assets/imgs/accessiories/ram/ddr5-laptop.jpg', '../dist/assets/imgs/accessiories/ram/ddr5-laptop.jpg'],
|
||||
|
||||
priceddr4dimg:['../dist/assets/imgs/accessiories/ram/ddr4-desktop.jpg', '../dist/assets/imgs/accessiories/ram/ddr4-desktop.jpg','../dist/assets/imgs/accessiories/ram/ddr4-desktop.jpg'],
|
||||
priceddr5dimg:['../dist/assets/imgs/accessiories/ram/ddr5-desktop.jpg','../dist/assets/imgs/accessiories/ram/ddr5-desktop.jpg','../dist/assets/imgs/accessiories/ram/ddr5-desktop.jpg'],
|
||||
}
|
||||
|
||||
|
||||
|
||||
init();
|
||||
|
||||
|
||||
// function startDetails(){
|
||||
|
||||
// let productId = window.location.search.split('=')[1];
|
||||
// console.log(productId);
|
||||
// getProductDetails(productId);
|
||||
|
||||
// function getParentHTML(name,productid,id){
|
||||
// return `<div class="pb-2 $${name?.replace(" ",'')}-parent">
|
||||
// <h5 class="py-2 smallHeadingProductDetails">${name}</h5>
|
||||
// <div class="d-flex gap-2 ${id}container" data-tagid="${id}">
|
||||
|
||||
// </div>
|
||||
// </div>`;
|
||||
// }
|
||||
|
||||
|
||||
// async function getProductDetails(id){
|
||||
// let res = await postStatAPIService(`${SERVERNAME}/apis/v4/bizgaze/integrations/products/producttagname/productid/${id}`);
|
||||
// res = JSON.parse(res.data.result);
|
||||
// console.log(res);
|
||||
// let html = '';
|
||||
|
||||
// for(let i=0;i<res.length;i++){
|
||||
// const {parentattribute,tagid,productid} = res[i];
|
||||
// debugger;
|
||||
// html += getParentHTML(parentattribute,productid,tagid);
|
||||
// }
|
||||
|
||||
// $('#spec-container-details').html(html);
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// }
|
||||
// }
|
||||
|
||||
// startDetails();
|
||||
|
||||
Vendored
+4
File diff suppressed because one or more lines are too long
+6
File diff suppressed because one or more lines are too long
Vendored
+6
File diff suppressed because one or more lines are too long
+2
File diff suppressed because one or more lines are too long
Vendored
+2
File diff suppressed because one or more lines are too long
+3
File diff suppressed because one or more lines are too long
Vendored
+6
File diff suppressed because one or more lines are too long
Vendored
+34
File diff suppressed because one or more lines are too long
Vendored
+1
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user