Added new files
@@ -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;
|
||||
}
|
||||
@@ -0,0 +1,8 @@
|
||||
|
||||
|
||||
function authFunction(){
|
||||
console.log("hello");
|
||||
postAPIService()
|
||||
}
|
||||
|
||||
authFunction();
|
||||
@@ -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
|
||||
@@ -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);
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
});
|
||||
@@ -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");
|
||||
});
|
||||
@@ -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",
|
||||
}
|
||||
}
|
||||
}
|
||||
];
|
||||
@@ -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);
|
||||
}
|
||||
});
|
||||
}
|
||||
@@ -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")
|
||||
}
|
||||
});
|
||||
@@ -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")
|
||||
}
|
||||
@@ -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.');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
@@ -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])})}});
|
||||
@@ -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});
|
||||
@@ -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);
|
||||
@@ -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);
|
||||
@@ -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);
|
||||
|
||||
|
||||
@@ -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);
|
||||
@@ -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)
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
@@ -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();
|
||||
|
||||
|
After Width: | Height: | Size: 1.5 MiB |
|
After Width: | Height: | Size: 77 KiB |
|
After Width: | Height: | Size: 77 KiB |
|
After Width: | Height: | Size: 115 KiB |
|
After Width: | Height: | Size: 248 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 440 KiB |
|
After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 69 KiB |
|
After Width: | Height: | Size: 294 KiB |
|
After Width: | Height: | Size: 53 KiB |
|
After Width: | Height: | Size: 145 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 57 KiB |
|
After Width: | Height: | Size: 58 KiB |
|
After Width: | Height: | Size: 82 KiB |
|
After Width: | Height: | Size: 52 KiB |
|
After Width: | Height: | Size: 731 KiB |
|
After Width: | Height: | Size: 460 KiB |
|
After Width: | Height: | Size: 464 KiB |
|
After Width: | Height: | Size: 1.6 MiB |
|
After Width: | Height: | Size: 2.4 MiB |
|
After Width: | Height: | Size: 1.6 MiB |
|
After Width: | Height: | Size: 2.4 MiB |
|
After Width: | Height: | Size: 821 KiB |
|
After Width: | Height: | Size: 610 KiB |
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 27.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
</style>
|
||||
<path class="st0" d="M11.1,12c-3-0.5-5-3.2-4.8-6C6.6,2.9,9,0.7,12,0.7c3,0,5.4,2.2,5.6,5.2c0.2,2.9-1.7,5.5-4.8,6
|
||||
c1.4,0,2.8,0.2,4.1,0.8c3.4,1.5,5.4,4.1,6.1,7.6c0.1,0.5,0.1,1,0.2,1.6c0,0.8-0.4,1.3-1.2,1.3c-4.4,0-8.9,0-13.3,0
|
||||
c-2.3,0-4.5,0-6.8,0c-0.9,0-1.3-0.5-1.3-1.3c0.1-4.4,3-8.1,7-9.5C8.9,12.1,10,11.9,11.1,12L11.1,12z M12,22.1c0.5,0,1.1,0,1.6,0
|
||||
c2.7,0,5.5,0,8.2,0c0.2,0,0.3,0,0.3-0.3c0-0.6-0.1-1.2-0.2-1.7c-0.9-3.6-3.8-6.3-7.4-6.8c-0.9-0.1-1.9-0.1-2.9-0.1
|
||||
c-0.7,0-1.4,0-2,0.1c-4.2,0.6-7.5,4.2-7.6,8.5c0,0.3,0,0.3,0.3,0.3C5.5,22.1,8.8,22.1,12,22.1L12,22.1z M12,10.8
|
||||
c2.5,0,4.5-2,4.5-4.4c0-2.2-1.7-4.5-4.4-4.5c-2.7,0-4.5,2.1-4.5,4.4C7.5,8.9,9.5,10.8,12,10.8z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
@@ -0,0 +1,11 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1 {
|
||||
fill: #302e7b;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<path class="cls-1" d="M17.52,23.5c-.6-.09-1.19-.19-1.77-.36-1.47-.44-2.84-1.11-4.16-1.88-2.06-1.2-3.89-2.67-5.51-4.42-1.83-1.98-3.38-4.14-4.46-6.63-.5-1.16-.93-2.35-1.06-3.62-.14-1.42,.13-2.71,1.24-3.72,.65-.6,1.22-1.28,1.9-1.84,.85-.71,2.03-.7,2.89,0,.36,.29,.68,.63,1,.96,.79,.8,1.62,1.55,2.36,2.4,.76,.88,.75,2.02,0,2.91-.54,.63-1.14,1.21-1.74,1.77-.15,.14-.16,.24-.07,.42,.53,1.08,1.26,2.01,2.06,2.9,1.01,1.13,2.13,2.14,3.41,2.96,.33,.21,.68,.38,1.01,.57,.13,.08,.19,0,.27-.08,.48-.48,.96-.97,1.44-1.44,.34-.34,.71-.64,1.19-.78,.84-.25,1.58-.03,2.19,.56,1.05,1.01,2.09,2.03,3.09,3.09,.98,1.04,.91,2.34-.15,3.42-.57,.58-1.15,1.14-1.7,1.72-.57,.59-1.27,.93-2.08,1.06-.03,0-.06,.02-.08,.03h-1.26Zm.55-1.18c.95,0,1.57-.26,2.16-.9,.47-.52,.98-1,1.47-1.51,.09-.1,.19-.2,.27-.3,.38-.5,.39-1.01-.05-1.46-1.02-1.05-2.06-2.08-3.11-3.11-.39-.39-.93-.37-1.36,0-.19,.16-.36,.34-.53,.51-.46,.45-.91,.91-1.37,1.36-.41,.4-.79,.48-1.26,.23-.46-.24-.92-.47-1.35-.75-1.66-1.09-3.08-2.43-4.34-3.96-.69-.85-1.3-1.75-1.73-2.76-.22-.51-.15-.85,.24-1.24,.16-.16,.33-.31,.48-.47,.45-.46,.92-.9,1.36-1.37,.42-.45,.43-.95,.04-1.44-.06-.08-.12-.15-.19-.22-.92-.92-1.84-1.84-2.76-2.76-.61-.61-1.19-.61-1.8,0-.56,.55-1.11,1.11-1.67,1.67-.27,.27-.5,.57-.63,.94-.27,.73-.22,1.47-.08,2.21,.2,1.11,.6,2.16,1.09,3.17,1.42,2.98,3.44,5.5,5.92,7.66,1.86,1.62,3.93,2.89,6.22,3.81,.98,.39,2,.65,2.98,.69Z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
@@ -0,0 +1,19 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 27.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
</style>
|
||||
<path class="st0" d="M17.5,23.5c-0.6-0.1-1.2-0.2-1.8-0.4c-1.5-0.4-2.8-1.1-4.2-1.9c-2.1-1.2-3.9-2.7-5.5-4.4
|
||||
c-1.8-2-3.4-4.1-4.5-6.6C1.1,9.1,0.7,7.9,0.6,6.6C0.4,5.2,0.7,3.9,1.8,2.9C2.4,2.3,3,1.6,3.7,1c0.8-0.7,2-0.7,2.9,0
|
||||
c0.4,0.3,0.7,0.6,1,1c0.8,0.8,1.6,1.5,2.4,2.4c0.8,0.9,0.8,2,0,2.9C9.4,7.9,8.8,8.5,8.2,9.1C8.1,9.2,8.1,9.3,8.1,9.5
|
||||
c0.5,1.1,1.3,2,2.1,2.9c1,1.1,2.1,2.1,3.4,3c0.3,0.2,0.7,0.4,1,0.6c0.1,0.1,0.2,0,0.3-0.1c0.5-0.5,1-1,1.4-1.4
|
||||
c0.3-0.3,0.7-0.6,1.2-0.8c0.8-0.2,1.6,0,2.2,0.6c1,1,2.1,2,3.1,3.1c1,1,0.9,2.3-0.1,3.4c-0.6,0.6-1.1,1.1-1.7,1.7
|
||||
c-0.6,0.6-1.3,0.9-2.1,1.1c0,0-0.1,0-0.1,0H17.5L17.5,23.5z M18.1,22.3c1,0,1.6-0.3,2.2-0.9c0.5-0.5,1-1,1.5-1.5
|
||||
c0.1-0.1,0.2-0.2,0.3-0.3c0.4-0.5,0.4-1,0-1.5c-1-1-2.1-2.1-3.1-3.1c-0.4-0.4-0.9-0.4-1.4,0c-0.2,0.2-0.4,0.3-0.5,0.5
|
||||
c-0.5,0.4-0.9,0.9-1.4,1.4c-0.4,0.4-0.8,0.5-1.3,0.2c-0.5-0.2-0.9-0.5-1.4-0.8c-1.7-1.1-3.1-2.4-4.3-4c-0.7-0.9-1.3-1.8-1.7-2.8
|
||||
C6.6,9.2,6.7,8.8,7.1,8.4C7.3,8.3,7.4,8.1,7.6,8C8,7.5,8.5,7.1,8.9,6.6c0.4-0.4,0.4-0.9,0-1.4C8.9,5.1,8.9,5,8.8,4.9
|
||||
C7.9,4,7,3.1,6,2.2c-0.6-0.6-1.2-0.6-1.8,0C3.7,2.7,3.1,3.3,2.6,3.8C2.3,4.1,2.1,4.4,1.9,4.8C1.7,5.5,1.7,6.3,1.9,7
|
||||
c0.2,1.1,0.6,2.2,1.1,3.2c1.4,3,3.4,5.5,5.9,7.7c1.9,1.6,3.9,2.9,6.2,3.8C16.1,22,17.1,22.3,18.1,22.3z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
@@ -0,0 +1,11 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1 {
|
||||
fill: #302e7b;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<path class="cls-1" d="M11.13,11.97c-3.01-.52-5-3.16-4.76-6.04,.25-3.01,2.67-5.2,5.62-5.21,2.98,0,5.4,2.21,5.65,5.21,.24,2.87-1.74,5.53-4.76,6.04,1.44-.04,2.82,.22,4.13,.8,3.35,1.49,5.38,4.06,6.11,7.65,.1,.52,.14,1.04,.16,1.57,.03,.83-.41,1.28-1.24,1.28-4.42,0-8.85,0-13.27,0-2.26,0-4.51,0-6.77,0-.86,0-1.3-.45-1.27-1.31,.15-4.43,2.96-8.12,7.04-9.49,1.09-.36,2.21-.55,3.37-.51Zm.86,10.12c.53,0,1.05,0,1.58,0,2.74,0,5.48,0,8.22,0,.19,0,.3-.01,.29-.26-.02-.59-.1-1.17-.24-1.74-.85-3.56-3.78-6.26-7.38-6.82-.95-.15-1.91-.09-2.86-.1-.67,0-1.35,0-2.02,.1-4.17,.64-7.46,4.24-7.62,8.51,0,.26,.04,.32,.3,.32,3.25,0,6.5,0,9.74,0Zm0-11.26c2.47,0,4.46-1.97,4.47-4.43,0-2.25-1.73-4.47-4.45-4.48-2.66-.01-4.46,2.14-4.47,4.44,0,2.49,1.97,4.47,4.45,4.47Z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 974 B |
@@ -0,0 +1,13 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1 {
|
||||
fill: #302e7b;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<path class="cls-1" d="M.51,1.15c.15-.25,.37-.36,.65-.36,.6,0,1.2-.03,1.79,.02,1.09,.1,1.81,.67,2.19,1.68,.15,.4,.28,.81,.4,1.21,.05,.15,.13,.21,.29,.21,1.15,0,2.3,.03,3.45,.04,1.48,.02,2.96,.02,4.44,.06,.88,.03,1.76,0,2.65,.03,1.28,.04,2.56,.01,3.84,.06,.84,.03,1.67,.01,2.51,.03,.1,0,.19,.01,.29,.03,.41,.1,.55,.33,.45,.75-.28,1.17-.56,2.34-.84,3.51-.15,.64-.29,1.28-.48,1.91-.37,1.23-1.23,1.95-2.5,2.11-1.29,.17-2.6,.28-3.9,.42-1.36,.14-2.72,.29-4.07,.44-1.02,.11-2.03,.22-3.05,.31-.15,.01-.22,.08-.28,.21-.36,.73-.2,1.33,.2,1.75,.29,.31,.66,.41,1.08,.41,3.32,0,6.64,0,9.96,0,.14,0,.28,0,.42,.05,.22,.08,.39,.31,.38,.53-.01,.26-.19,.48-.44,.52-.13,.02-.27,.03-.4,.03-3.27,0-6.54,0-9.8,0-1.23,0-2.14-.58-2.54-1.63-.26-.68-.24-1.37,.08-2.02,.15-.31,.14-.57,.04-.89-1.07-3.19-2.12-6.38-3.18-9.57-.25-.76-.69-1.08-1.48-1.08-.48,0-.96,0-1.44,0-.31,0-.56-.09-.71-.37v-.4Zm6.81,3.91c-.22,0-.64,0-1.07,0-.26,0-.26,0-.18,.25,.32,.97,.64,1.95,.96,2.92,.45,1.36,.9,2.71,1.34,4.07,.04,.13,.09,.21,.25,.2,.76-.08,1.51-.16,2.27-.24,.94-.1,1.87-.2,2.81-.29,.94-.1,1.87-.19,2.81-.28,.96-.1,1.91-.22,2.87-.3,.87-.07,1.5-.54,1.72-1.39,.38-1.5,.74-3,1.11-4.5,.03-.13,.01-.19-.14-.19-.37,0-.75-.03-1.12-.03-2.04,0-4.08-.04-6.12-.09-1.01-.02-2.02-.02-3.03-.04-1.42-.02-2.84-.04-4.47-.07Z"/>
|
||||
<path class="cls-1" d="M18.08,23.2c-1.27,.11-2.45-.92-2.54-2.27-.09-1.3,.89-2.44,2.21-2.56,1.36-.12,2.54,.9,2.63,2.27,.09,1.42-1.09,2.55-2.31,2.56Zm1.17-2.4c0-.73-.57-1.32-1.29-1.32-.71,0-1.29,.57-1.29,1.28,0,.73,.56,1.33,1.28,1.33,.72,0,1.3-.57,1.3-1.28Z"/>
|
||||
<path class="cls-1" d="M7.84,23.21c-1.35,0-2.43-1.09-2.42-2.43,.01-1.36,1.09-2.43,2.45-2.42,1.32,0,2.4,1.11,2.39,2.46,0,1.3-1.11,2.39-2.42,2.38Zm0-1.12c.71,0,1.3-.59,1.31-1.29,0-.71-.58-1.3-1.29-1.31-.71-.01-1.31,.57-1.32,1.28,0,.72,.58,1.32,1.3,1.32Z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
@@ -0,0 +1,23 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 27.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
</style>
|
||||
<path class="st0" d="M0.5,1.1c0.1-0.2,0.4-0.4,0.6-0.4c0.6,0,1.2,0,1.8,0C4,0.9,4.8,1.5,5.1,2.5c0.2,0.4,0.3,0.8,0.4,1.2
|
||||
c0.1,0.2,0.1,0.2,0.3,0.2c1.2,0,2.3,0,3.4,0c1.5,0,3,0,4.4,0.1c0.9,0,1.8,0,2.6,0c1.3,0,2.6,0,3.8,0.1c0.8,0,1.7,0,2.5,0
|
||||
c0.1,0,0.2,0,0.3,0c0.4,0.1,0.5,0.3,0.5,0.8c-0.3,1.2-0.6,2.3-0.8,3.5c-0.1,0.6-0.3,1.3-0.5,1.9c-0.4,1.2-1.2,1.9-2.5,2.1
|
||||
c-1.3,0.2-2.6,0.3-3.9,0.4c-1.4,0.1-2.7,0.3-4.1,0.4c-1,0.1-2,0.2-3.1,0.3c-0.1,0-0.2,0.1-0.3,0.2c-0.4,0.7-0.2,1.3,0.2,1.8
|
||||
C8.8,15.9,9.2,16,9.6,16c3.3,0,6.6,0,10,0c0.1,0,0.3,0,0.4,0c0.2,0.1,0.4,0.3,0.4,0.5c0,0.3-0.2,0.5-0.4,0.5c-0.1,0-0.3,0-0.4,0
|
||||
c-3.3,0-6.5,0-9.8,0c-1.2,0-2.1-0.6-2.5-1.6c-0.3-0.7-0.2-1.4,0.1-2c0.2-0.3,0.1-0.6,0-0.9C6.3,9.4,5.2,6.2,4.1,3
|
||||
C3.9,2.2,3.5,1.9,2.7,1.9c-0.5,0-1,0-1.4,0c-0.3,0-0.6-0.1-0.7-0.4C0.5,1.6,0.5,1.2,0.5,1.1z M7.3,5.1c-0.2,0-0.6,0-1.1,0
|
||||
C6,5.1,6,5.1,6.1,5.3c0.3,1,0.6,2,1,2.9c0.4,1.4,0.9,2.7,1.3,4.1c0,0.1,0.1,0.2,0.2,0.2c0.8-0.1,1.5-0.2,2.3-0.2
|
||||
c0.9-0.1,1.9-0.2,2.8-0.3c0.9-0.1,1.9-0.2,2.8-0.3c1-0.1,1.9-0.2,2.9-0.3c0.9-0.1,1.5-0.5,1.7-1.4c0.4-1.5,0.7-3,1.1-4.5
|
||||
c0-0.1,0-0.2-0.1-0.2c-0.4,0-0.8,0-1.1,0c-2,0-4.1,0-6.1-0.1c-1,0-2,0-3,0C10.4,5.1,9,5.1,7.3,5.1L7.3,5.1z"/>
|
||||
<path class="st0" d="M18.1,23.2c-1.3,0.1-2.4-0.9-2.5-2.3c-0.1-1.3,0.9-2.4,2.2-2.6c1.4-0.1,2.5,0.9,2.6,2.3
|
||||
C20.5,22.1,19.3,23.2,18.1,23.2L18.1,23.2z M19.2,20.8c0-0.7-0.6-1.3-1.3-1.3c-0.7,0-1.3,0.6-1.3,1.3c0,0.7,0.6,1.3,1.3,1.3
|
||||
C18.7,22.1,19.2,21.5,19.2,20.8L19.2,20.8z"/>
|
||||
<path class="st0" d="M7.8,23.2c-1.3,0-2.4-1.1-2.4-2.4c0-1.4,1.1-2.4,2.4-2.4c1.3,0,2.4,1.1,2.4,2.5C10.3,22.1,9.2,23.2,7.8,23.2
|
||||
L7.8,23.2z M7.8,22.1c0.7,0,1.3-0.6,1.3-1.3c0-0.7-0.6-1.3-1.3-1.3s-1.3,0.6-1.3,1.3C6.5,21.5,7.1,22.1,7.8,22.1z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
@@ -0,0 +1,11 @@
|
||||
<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<line x1="10" y1="47" x2="10" y2="9" stroke="white" stroke-width="2" stroke-linecap="round"/>
|
||||
<rect x="17" y="25" width="5" height="5" rx="1" fill="white"/>
|
||||
<path d="M12 21H42C42.5523 21 43 21.4477 43 22V34C43 34.5523 42.5523 35 42 35H12V21Z" stroke="white" stroke-width="2"/>
|
||||
<line x1="31.5" y1="32.5" x2="30.5" y2="34.5" stroke="white" stroke-linecap="round"/>
|
||||
<line x1="33.5" y1="32.5" x2="32.5" y2="34.5" stroke="white" stroke-linecap="round"/>
|
||||
<line x1="35.5" y1="32.5" x2="34.5" y2="34.5" stroke="white" stroke-linecap="round"/>
|
||||
<line x1="37.5" y1="32.5" x2="36.5" y2="34.5" stroke="white" stroke-linecap="round"/>
|
||||
<line x1="39.5" y1="32.5" x2="38.5" y2="34.5" stroke="white" stroke-linecap="round"/>
|
||||
<rect x="15" y="34" width="10" height="2" fill="#42454B"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 869 B |
@@ -0,0 +1,5 @@
|
||||
<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M23 26C21.3333 26 19.9167 25.4167 18.75 24.25C17.5833 23.0833 17 21.6667 17 20C17 18.3333 17.5833 16.9167 18.75 15.75C19.9167 14.5833 21.3333 14 23 14H33C34.6667 14 36.0833 14.5833 37.25 15.75C38.4167 16.9167 39 18.3333 39 20C39 21.6667 38.4167 23.0833 37.25 24.25C36.0833 25.4167 34.6667 26 33 26H23ZM33 24C34.1 24 35.0417 23.6083 35.825 22.825C36.6083 22.0417 37 21.1 37 20C37 18.9 36.6083 17.9583 35.825 17.175C35.0417 16.3917 34.1 16 33 16H23C21.9 16 20.9583 16.3917 20.175 17.175C19.3917 17.9583 19 18.9 19 20C19 21.1 19.3917 22.0417 20.175 22.825C20.9583 23.6083 21.9 24 23 24H33ZM33 23C33.8333 23 34.5417 22.7083 35.125 22.125C35.7083 21.5417 36 20.8333 36 20C36 19.1667 35.7083 18.4583 35.125 17.875C34.5417 17.2917 33.8333 17 33 17C32.1667 17 31.4583 17.2917 30.875 17.875C30.2917 18.4583 30 19.1667 30 20C30 20.8333 30.2917 21.5417 30.875 22.125C31.4583 22.7083 32.1667 23 33 23Z" fill="white"/>
|
||||
<path d="M33 42C34.6667 42 36.0833 41.4167 37.25 40.25C38.4167 39.0833 39 37.6667 39 36C39 34.3333 38.4167 32.9167 37.25 31.75C36.0833 30.5833 34.6667 30 33 30H23C21.3333 30 19.9167 30.5833 18.75 31.75C17.5833 32.9167 17 34.3333 17 36C17 37.6667 17.5833 39.0833 18.75 40.25C19.9167 41.4167 21.3333 42 23 42H33ZM23 40C21.9 40 20.9583 39.6083 20.175 38.825C19.3917 38.0417 19 37.1 19 36C19 34.9 19.3917 33.9583 20.175 33.175C20.9583 32.3917 21.9 32 23 32H33C34.1 32 35.0417 32.3917 35.825 33.175C36.6083 33.9583 37 34.9 37 36C37 37.1 36.6083 38.0417 35.825 38.825C35.0417 39.6083 34.1 40 33 40H23ZM23 39C22.1667 39 21.4583 38.7083 20.875 38.125C20.2917 37.5417 20 36.8333 20 36C20 35.1667 20.2917 34.4583 20.875 33.875C21.4583 33.2917 22.1667 33 23 33C23.8333 33 24.5417 33.2917 25.125 33.875C25.7083 34.4583 26 35.1667 26 36C26 36.8333 25.7083 37.5417 25.125 38.125C24.5417 38.7083 23.8333 39 23 39Z" fill="white"/>
|
||||
<rect x="10" y="10" width="36" height="36" rx="3" stroke="white" stroke-width="2"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
@@ -0,0 +1,8 @@
|
||||
<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="11" y="12" width="34" height="8" rx="1" stroke="white" stroke-width="2"/>
|
||||
<circle cx="40" cy="16" r="1" fill="white"/>
|
||||
<rect x="11" y="24" width="34" height="8" rx="1" stroke="white" stroke-width="2"/>
|
||||
<circle cx="40" cy="28" r="1" fill="white"/>
|
||||
<rect x="11" y="36" width="34" height="8" rx="1" stroke="white" stroke-width="2"/>
|
||||
<circle cx="40" cy="40" r="1" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 487 B |
@@ -0,0 +1,26 @@
|
||||
<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="5.93972" y="20.3244" width="43.227" height="14.409" rx="1.5662" stroke="white" stroke-width="1.87944"/>
|
||||
<rect x="10.0118" y="23.1434" width="5.01183" height="6.26478" rx="0.626478" fill="white"/>
|
||||
<rect x="17.5295" y="23.1434" width="5.01183" height="6.26478" rx="0.626478" fill="white"/>
|
||||
<rect x="25.0472" y="23.1434" width="5.01183" height="6.26478" rx="0.626478" fill="white"/>
|
||||
<rect x="32.5649" y="23.1434" width="5.01183" height="6.26478" rx="0.626478" fill="white"/>
|
||||
<rect x="40.0827" y="23.1434" width="5.01183" height="6.26478" rx="0.626478" fill="white"/>
|
||||
<line x1="6.25293" y1="31.2878" x2="48.8535" y2="31.2878" stroke="white" stroke-width="1.25296"/>
|
||||
<line x1="27.8664" y1="34.4202" x2="27.8664" y2="31.9143" stroke="white" stroke-width="1.87944"/>
|
||||
<line x1="10.683" y1="37.4183" x2="10.683" y2="35.0914" stroke="white" stroke-width="1.16346" stroke-linecap="round"/>
|
||||
<line x1="13.01" y1="37.4183" x2="13.01" y2="35.0914" stroke="white" stroke-width="1.16346" stroke-linecap="round"/>
|
||||
<line x1="15.3369" y1="37.4183" x2="15.3369" y2="35.0914" stroke="white" stroke-width="1.16346" stroke-linecap="round"/>
|
||||
<line x1="17.6638" y1="37.4183" x2="17.6638" y2="35.0914" stroke="white" stroke-width="1.16346" stroke-linecap="round"/>
|
||||
<line x1="19.9907" y1="37.4183" x2="19.9907" y2="35.0914" stroke="white" stroke-width="1.16346" stroke-linecap="round"/>
|
||||
<line x1="22.3177" y1="37.4183" x2="22.3177" y2="35.0914" stroke="white" stroke-width="1.16346" stroke-linecap="round"/>
|
||||
<line x1="24.6446" y1="37.4183" x2="24.6446" y2="35.0914" stroke="white" stroke-width="1.16346" stroke-linecap="round"/>
|
||||
<line x1="26.9715" y1="37.4183" x2="26.9715" y2="35.0914" stroke="white" stroke-width="1.16346" stroke-linecap="round"/>
|
||||
<line x1="29.2984" y1="37.4183" x2="29.2984" y2="35.0914" stroke="white" stroke-width="1.16346" stroke-linecap="round"/>
|
||||
<line x1="31.6254" y1="37.4183" x2="31.6254" y2="35.0914" stroke="white" stroke-width="1.16346" stroke-linecap="round"/>
|
||||
<line x1="33.9523" y1="37.4183" x2="33.9523" y2="35.0914" stroke="white" stroke-width="1.16346" stroke-linecap="round"/>
|
||||
<line x1="36.2792" y1="37.4183" x2="36.2792" y2="35.0914" stroke="white" stroke-width="1.16346" stroke-linecap="round"/>
|
||||
<line x1="38.6061" y1="37.4183" x2="38.6061" y2="35.0914" stroke="white" stroke-width="1.16346" stroke-linecap="round"/>
|
||||
<line x1="40.933" y1="37.4183" x2="40.933" y2="35.0914" stroke="white" stroke-width="1.16346" stroke-linecap="round"/>
|
||||
<line x1="43.2599" y1="37.4183" x2="43.2599" y2="35.0914" stroke="white" stroke-width="1.16346" stroke-linecap="round"/>
|
||||
<line x1="45.5868" y1="37.4183" x2="45.5868" y2="35.0914" stroke="white" stroke-width="1.16346" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 45 KiB |
|
After Width: | Height: | Size: 45 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 45 KiB |
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 45 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 45 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 827 KiB |
|
After Width: | Height: | Size: 64 KiB |
|
After Width: | Height: | Size: 643 KiB |
|
After Width: | Height: | Size: 1.3 MiB |
|
After Width: | Height: | Size: 602 KiB |