sachin.ganesh
/
anwi_website
Segui 1
Vota 0
Forka 0
Codice Problemi 0 Pull Requests 0 Rilasci 0 Wiki Attività
Sfoglia il codice sorgente

add new changes

sachinganesh 2 anni fa
parent
c2f6fbdb94
commit
60ea1797f1
43 ha cambiato i file con 2932 aggiunte e 1000 eliminazioni
Visualizzazione separata Mostra Diff Stats
  1. 19
    6
      contact.html
  2. 12
    5
      dist/Js/auth/apiservice.js
  3. 42
    23
      dist/Js/auth/login.js
  4. 1
    0
      dist/Js/components/authloader/authloader.js
  5. 1
    1
      dist/Js/footer.js
  6. 183
    32
      dist/Js/main.js
  7. 22
    22
      dist/Js/myaccount/Address.js
  8. 1
    0
      dist/Js/myaccount/Myaccount.js
  9. 8
    8
      dist/Js/myaccount/Profile.js
  10. 6
    6
      dist/Js/myaccount/myaccount_warrenty.js
  11. 51
    13
      dist/Js/myaccount/orderdetails.js
  12. 328
    137
      dist/Js/navbar.js
  13. 366
    262
      dist/Js/navbar2.js
  14. 248
    26
      dist/Js/orderDetails/order_summary.js
  15. 45
    23
      dist/Js/productdetails/productdetails.js
  16. 160
    31
      dist/Js/products/products.js
  17. 9
    9
      dist/Js/shoppingcart/addtocart.js
  18. 1
    0
      dist/Js/shoppingcart/select_delivery.js
  19. 8
    7
      dist/Js/shoppingcart/shoppingcart.js
  20. 64
    1
      dist/Js/utils/helpers.js
  21. 26
    8
      dist/css/main.css
  22. 2
    1
      dist/css/pages/productdetails.css
  23. 1
    0
      dist/css/pages/selectdelivery.css
  24. 252
    32
      dist/css/style.css
  25. 1
    1
      dist/css/vendor/bootstrap.min.css
  26. 467
    197
      index.html
  27. 21
    7
      login.html
  28. 53
    3
      myaccount.html
  29. 121
    3
      orderdetails.html
  30. 14
    12
      press.html
  31. 1
    1
      productcatloguedetails.html
  32. 212
    22
      productdetails.html
  33. 91
    47
      ramproducts.html
  34. 1
    1
      services/bulk-orders.html
  35. 1
    1
      services/online-help.html
  36. 3
    3
      services/paymentmethod.html
  37. 1
    1
      services/product-warrenty.html
  38. 1
    1
      services/return-policy.html
  39. 1
    1
      services/shipping-delivary.html
  40. 13
    13
      shopping-cart.html
  41. 14
    13
      storageproducts.html
  42. 2
    2
      style.css
  43. 58
    18
      support.html

+ 19
- 6
contact.html Vedi File 

@@ -48,22 +48,22 @@
48 48 
     </style>
49 49 
 </head>
50 50
51 
-<body>
51 
+<body class="contact_page">
52 52 
     <!-- navbar -->
53 53 
     <div id="navbar-head"></div>
54 54 
     <!-- end-navbar -->
55 55 
     <!-- main-body -->
56 56 
     <main class="main-body home-main-container">
57 
-      <section class="services h-100 pt-3  bg-gradient-anwi">
57 
+      <section class="services h-100 pt-3 d-none bg-gradient-anwi">
58 58 
         <div class="container pt-5 ">
59 59 
             <div class="text-center text-white ">
60 60 
             </div>
61 61 
         </div>
62 62 
     </section>
63 
-        <section class="contact-section py-md-5 py-3 " style="background: url(dist/assets/imgs/bg-blur.png);">
63 
+        <section class="contact-section py-md-5 py-3  bg-gradient-violet ">
64 64 
             <div class="container pt-md-5 pt-3">
65 
-              <div class="row bg-white rounded-3 shadow mx-0">
66 
-                <div class="col-lg-6 col-12 mb-30 bg-gradient-anwi text-white p-md-5 p-4">
65 
+              <div class="row bg-white rounded shadow mx-0 mt-5">
66 
+                <div class="col-lg-6 col-12 mb-30 bg-gradient-anwi rounded-start text-white p-md-5 p-4">
67 67 
                   <!--  contact page side content  -->
68 68 
                   <div class="contact-page-side-content text-center py-md-5">
69 69 
                     <div class="single-contact-block mb-5 d-flex flex-column">
 
@@ -128,7 +128,7 @@
128 128 
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
129 129 
     <script src="./dist/js/jquery.min.js"></script>
130 130 
     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
131 
-    <script src="./dist/js/navbar.js"></script>
131 
+
132 132 
    <script src="./libs/axios.min.js"></script>
133 133 
     <script src="./dist/js/footer.js"></script>
134 134 
       <script src="./libs/cookies.min.js"></script>
 
@@ -150,9 +150,22 @@
150 150 
     <script src="./dist/js/validate.min.js"></script>
151 151 
     <script src="./dist/toaster/toastr.js"></script>
152 152 
     <!-- Main JS -->
153 
+    <script src="./dist/js/auth/apiservice.js"></script>
154 
+    <script src="./dist/js/navbar.js"></script>
153 155 
     <script src="./dist/js/main.js"></script>
154 156
155 157 
     <script>
158 
+
159 
+let contact_pg = $("body").hasClass("contact_page");
160 
+    if(contact_pg === true){
161 
+        $(".main-menu").find("nav ul li a").addClass("text-dark");
162 
+        let img_src = `./dist/assets/imgs/anwi-logo-1.png`;
163 
+        $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
164 
+        $("nav").find('svg path').attr('fill','#fff');
165 
+        $(".user-icon").find('path').attr('fill',"#000");
166 
+        $(".cart_icon").find('path').attr('fill',"#000");
167 
+    }
168 
+
156 169 
       // $("#contact_form_submit").click(function(){
157 170 
       //   debugger
158 171 
       //    let User_name = $("#user_name").val();

+ 12
- 5
dist/Js/auth/apiservice.js Vedi File 

@@ -4,19 +4,25 @@ let SERVERNAME = 'https://qa.anwisystems.com';
4 4 
  //let SERVERNAME = 'http://localhost:3088';
5 5
6 6 
 //template
7 
-const STAT = 'd622a6ce4c8540ffadd0f885162ac8f4';
7 
+const STAT = 'd8c3dc7ce4d2404484004c02d1d3145f';
8 8
9 9 
 //live
10 
-//const STAT = '0c7ef2b000ca431290065753dfda56fe';
10 
+//const STAT = '23bdb3c6d08d492c939a53daec34e89a';
11 11
12 12 
 const USER_AUTH_OKAY = 'USER_AUTH_OKAY';
13 13
14 14
15 15 
 function imgServerNameBuild(path){
16 
+
16 17 
     return `https://appassets.bizgaze.app/${path}`;
17 18 
 }
18 19
19 20
21 
+function buildLinkWithServerName(link){
22 
+    return `${SERVERNAME}/${link}`
23 
+}
24 
+
25 
+
20 26 
 async function getStatAPIService(url,data={}){
21 27 
     let config = {
22 28 
         url,
 
@@ -33,7 +39,7 @@ async function getStatAPIService(url,data={}){
33 39 
 }
34 40
35 41 
 async function getAPIService(url,data={}){
36 
-    debugger
42 
+
37 43 
     const config = {
38 44 
         url:`${SERVERNAME}/${url}`,
39 45 
         method: "get",
 
@@ -135,7 +141,7 @@ class API_SERVICE_CLASS{
135 141 
         let isPost = method == 'get' ? false : true;
136 142 
         const cookieData = COOKIE_HELPER_ACTIONS.getCookie();
137 143 
        if(!isStat){
138 
-        if(!cookieData) return window.location.href = "/"
144 
+        if(!cookieData) return window.location.href = "login.html"
139 145 
        }
140 146 
         let token = isStat ?`stat ${this.statToken}` : `Basic ${cookieData.token}`;
141 147 
         this.token = token;
 
@@ -295,6 +301,7 @@ class COOKIE_HELPER_CLASS{
295 301 
     };
296 302
297 303 
     removeCookie(token){
304 
+           debugger;
298 305 
         Cookies.remove(token)
299 306 
     }
300 307 
 
@@ -321,7 +328,7 @@ function setCookieManual(token){
321 328 
 }
322 329
323 330 
 async function checkValidAuth(cb,redirect=undefined){
324 
-    debugger;
331 
+
325 332
326 333 
    document.querySelector('auth-loader').show();
327 334 
     const res = await COOKIE_HELPER.validateToken();

+ 42
- 23
dist/Js/auth/login.js Vedi File 

@@ -97,7 +97,7 @@ function initLogin() {
97 97
98 98 
   function updatePasswordUI() {
99 99 
     formErrorAction.removeClass();
100 
-    let html = ` <form class="row g-3 needs-validation" novalidate> <div class="form-floating position-relative py-0"> <input required type="password" class="form-control shadow-none h-50p passwordvalidui" id="updatepassword" placeholder="Enter Your Password" autocomplete="off"> <span class="position-absolute eyePassword" style=" top: 50%; right: 3%; transform: translateY(-50%);"> <i class="text-dark fa fa-eye-slash"></i> </span> <label for="updatepassword">Password </label> <div class="invalid-feedback"> Please enter password. </div> <div class="pswd_info" style="display: none;z-index: 1;"> <p>Password must contain:</p> <ul> <li id="chck_capital" class="invalid">At least <strong>one capital letter</strong> </li> <li id="chck_small" class="invalid">At least <strong>one lowercase letter</strong> </li> <li id="chck_special" class="invalid">At least <strong>one special letter</strong> </li> <li id="chck_number" class="invalid">At least <strong>one number</strong> </li> <li id="chck_length" class="invalid">At least <strong>8 characters</strong> </li> </ul> </div> </div> <div class="form-floating position-relative py-0"> <input required type="password" class="form-control shadow-none h-50p passwordvalidui" id="updateconfirmpassword" placeholder="Enter Your Password" autocomplete="off"> <span class="position-absolute eyePassword" style=" top: 50%; right: 3%; transform: translateY(-50%);"> <i class="text-dark fa fa-eye-slash"></i> </span> <label for="updateconfirmpassword">Password </label> <div class="invalid-feedback"> Please enter password. </div> <div class="pswd_info" style="display: none;z-index: 1;"> <p>Password must contain:</p> <ul> <li id="chck_capital" class="invalid">At least <strong>one capital letter</strong> </li> <li id="chck_small" class="invalid">At least <strong>one lowercase letter</strong> </li> <li id="chck_special" class="invalid">At least <strong>one special letter</strong> </li> <li id="chck_number" class="invalid">At least <strong>one number</strong> </li> <li id="chck_length" class="invalid">At least <strong>8 characters</strong> </li> </ul> </div> </div> <div class="col-12 pt-3 mt-0 px-0"> <button class="btn bg-gradient-anwi text-white w-100 cursor-pointer btnupdatepassword" type="submit"> <div class="spinner-border authloginLoadingBtn d-none" role="status"> <span class="visually-hidden">Loading...</span> </div> <span class="authloginLoading">Update Password</span> </button> </div> </form>`;
100 
+    let html = ` <form class="row g-3 needs-validation" novalidate> <div class="form-floating position-relative py-0"> <input required type="password" class="form-control shadow-none h-50p passwordvalidui" id="updatepassword" placeholder="Enter Your Password" autocomplete="off"> <span class="position-absolute eyePassword" style=" top: 50%; right: 3%; transform: translateY(-50%);"> <i class="text-dark fa fa-eye-slash"></i> </span> <label for="updatepassword">Password </label> <div class="invalid-feedback"> Please enter password. </div> <div class="pswd_info" style="display: none;z-index: 1;"> <p>Password must contain:</p> <ul> <li id="chck_capital" class="invalid">At least <strong>one capital letter</strong> </li> <li id="chck_small" class="invalid">At least <strong>one lowercase letter</strong> </li> <li id="chck_special" class="invalid">At least <strong>one special letter</strong> </li> <li id="chck_number" class="invalid">At least <strong>one number</strong> </li> <li id="chck_length" class="invalid">At least <strong>8 characters</strong> </li> </ul> </div> </div> <div class="form-floating position-relative py-0"> <input required type="password" class="form-control shadow-none h-50p passwordvalidui" id="updateconfirmpassword" placeholder="Enter Your Password" autocomplete="off"> <span class="position-absolute eyePassword" style=" top: 50%; right: 3%; transform: translateY(-50%);"> <i class="text-dark fa fa-eye-slash"></i> </span> <label for="updateconfirmpassword">Password </label> <div class="invalid-feedback"> Please enter password. </div> <div class="pswd_info" style="display: none;z-index: 1;"> <p>Password must contain:</p> <ul> <li id="chck_capital" class="invalid">At least <strong>one capital letter</strong> </li> <li id="chck_small" class="invalid">At least <strong>one lowercase letter</strong> </li> <li id="chck_special" class="invalid">At least <strong>one special letter</strong> </li> <li id="chck_number" class="invalid">At least <strong>one number</strong> </li> <li id="chck_length" class="invalid">At least <strong>8 characters</strong> </li> </ul> </div> </div> <div class="col-12 pt-3 mt-0 px-0"> <button class="btn bg-gradient-anwi text-white w-100 cursor-pointer h-50p btnupdatepassword" type="submit"> <div class="spinner-border authloginLoadingBtn d-none" role="status"> <span class="visually-hidden">Loading...</span> </div> <span class="authloginLoading">Update Password</span> </button> </div> </form>`;
101 101
102 102 
     $('.authContainerUI').html(html);
103 103 
     updatepasswordEvents();
 
@@ -151,7 +151,7 @@ function initLogin() {
151 151 
   function loadPasswordListener(){
152 152
153 153 
     $('.passwordvalidui').off().on('keyup',function (e){
154 
-      debugger;
154 
+
155 155 
       $(this).parent().find('.pswd_info').css('display','block');
156 156 
       let value = $(this).val();
157 157 
 
@@ -268,7 +268,7 @@ function initLogin() {
268 268
269 269 
   function forgotPasswordUIEmail() {
270 270 
     formErrorAction.removeClass();
271 
-    let html = `<div> <div class="d-flex justify-content-between border-bottom pb-1"><span>Forgot Password?</span><span class="btnForgotback cursor-pointer"><i class="fa-solid fa-arrow-left"></i></span></div> <div class="py-3">Enter the email associated with your account and we'll send an email with instructions to reset your password.</div> <div> <form class="row g-3 needs-validation" novalidate> <div class="pb-3 form-floating py-0"> <input required type="email" class="form-control shadow-none h-50p" id="forgotpassword" placeholder="Enter Your Email" autocomplete="off"> <label for="forgotpassword">Email address</label> <div class="invalid-feedback"> Please enter email. </div> </div>  <div class="col-12 mt-0 px-0"> <button class="btn forgotpasswordbtn bg-gradient-anwi text-white w-100 cursor-pointer" type="submit"> <div class="spinner-border authloginLoadingBtn d-none" role="status"> <span class="visually-hidden">Loading...</span> </div> <span class="authloginLoading">Find email</span> </button> </div> </form> </div></div>`;
271 
+    let html = `<div> <div class="d-flex justify-content-between border-bottom pb-1"><span>Forgot Password?</span><span class="btnForgotback cursor-pointer"><i class="fa-solid fa-arrow-left"></i></span></div> <div class="py-3">Enter the email associated with your account and we'll send an email with instructions to reset your password.</div> <div> <form class="row g-3 needs-validation" novalidate> <div class="pb-3 form-floating py-0"> <input required type="email" class="form-control shadow-none h-50p" id="forgotpassword" placeholder="Enter Your Email" autocomplete="off"> <label for="forgotpassword">Email address</label> <div class="invalid-feedback"> Please enter email. </div> </div>  <div class="col-12 mt-0 px-0"> <button class="btn h-50p forgotpasswordbtn bg-gradient-anwi text-white w-100 cursor-pointer" type="submit"> <div class="spinner-border authloginLoadingBtn d-none" role="status"> <span class="visually-hidden">Loading...</span> </div> <span class="authloginLoading ">Password Reset</span> </button> </div> </form> </div></div>`;
272 272 
     $('.authContainerUI').html(html);
273 273 
     loadForpasswordsEvents();
274 274 
   }
 
@@ -288,7 +288,7 @@ function initLogin() {
288 288 
         return;
289 289 
       }
290 290
291 
-
291 
+      debugger;
292 292 
       const email = $('#User_Email').val();
293 293
294 294 
       const isUserURL = AUTH_LOGIN_APIS_URL.isUser(email);
 
@@ -299,6 +299,7 @@ function initLogin() {
299 299 
       if (!isUser) {
300 300 
         loginUser();
301 301 
       } else {
302 
+        debugger;
302 303 
         signUpUser();
303 304 
       }
304 305 
     });
 
@@ -368,12 +369,21 @@ function initLogin() {
368 369 
       authloginLoadingBtnAction.removeLoading();
369 370 
       return;
370 371 
     }
371 
-
372 
-    COOKIE_HELPER_ACTIONS.setCookie({
372 
+    let authObj = {
373 373 
       token: res.result.sessionId,
374 
-      userid: res.result.userId,
375 
-      ...res.result
376 
-    });
374 
+      userId: res.result.userId,
375 
+      unibaseId:res.result.unibaseId,
376 
+      sessionId:res.result.sessionId,
377 
+      tenantId:res.result.tenantId,
378 
+      name:res.result.name,
379 
+      assetUrl:res.result.assetUrl
380 
+    };
381 
+
382 
+    COOKIE_HELPER_ACTIONS.setCookie(authObj);
383 
+
384 
+
385 
+    localStorage.setItem("userdata",JSON.stringify(res.result));
386 
+
377 387
378 388 
     const isCartAdded = localStorage.getItem(CART_ADD);
379 389 
           if(isCartAdded){
 
@@ -438,6 +448,8 @@ function initLogin() {
438 448 
       formErrorAction.addError('Password must contain one specail letter ,number,small letter, uppercase letter and 8 letters');
439 449 
       return;
440 450 
     }
451 
+
452 
+
441 453 
     const userRegistratioNPayload = {
442 454 
       organizationtypeid: "2",
443 455 
       organizationid: "0",
 
@@ -487,7 +499,7 @@ function initLogin() {
487 499 
   function loginUI() {
488 500 
     formErrorAction.removeClass();
489 501 
     let html = `  <div class="text-center pb-4">
490 
-    <span class="font-weight-600">Sign Up</span> or <span class="font-weight-600">Login</span>
502 
+    <span class="font-weight-600">Login</span> / <span class="font-weight-600">Signup</span>
491 503 
   </div>
492 504 
   <form class="row g-3 needs-validation" novalidate>
493 505 
     <div class="form-floating py-0">
 
@@ -520,11 +532,11 @@ function initLogin() {
520 532 
     </div>
521 533 
     <div class="fs-7 my-2 satoshi_font text-center"> By continuing, I agree to the Terms of Use & Privacy Policy </div>
522 534 
     <div class="col-12 mt-0 px-0">
523 
-      <button class="btn bg-gradient-anwi text-white w-100 cursor-pointer" type="submit">
535 
+      <button class="btn bg-gradient-anwi text-white w-100 cursor-pointer h-50p" type="submit">
524 536 
         <div class="spinner-border authloginLoadingBtn d-none" role="status">
525 537 
           <span class="visually-hidden">Loading...</span>
526 538 
         </div>
527 
-        <span class="authloginLoading">Continue</span>
539 
+        <span class="authloginLoading h-50p">Continue</span>
528 540 
       </button>
529 541 
     </div>
530 542 
   </form>
 
@@ -544,8 +556,8 @@ function initLogin() {
544 556 
     <span class="btnForgotback">
545 557 
       <i class="fa-solid fa-arrow-left"></i>
546 558 
     </span>
547 
-  </div> <div class="otp-validation"> <div class="otp-input-group mt-3"> <div> <h4 class="text-center">Enter OTP</h4> <div class="text-center">we have sent an OTP to this Email </div> <p class="user_email text-center"></p> <div class="otp-sent-email fw-600 text-center"></div> </div> <div class="d-flex my-4"> <div class="col"> <div class="form-group"> <input type="text" class="press form-control" name="code" maxlength="1" tabindex="1" autocomplete="off"> </div> </div> <div class="col"> <div class="form-group"> <input type="text" class="press form-control" name="code" maxlength="1" tabindex="2" autocomplete="off"> </div> </div> <div class="col"> <div class="form-group"> <input type="text" class="press form-control" name="code" maxlength="1" tabindex="3" autocomplete="off"> </div> </div> <div class="col"> <div class="form-group"> <input type="text" class="press form-control" name="code" maxlength="1" tabindex="4" autocomplete="off"> </div> </div> <div class="col"> <div class="form-group"> <input type="text" class="press form-control" name="code" maxlength="1" tabindex="5" autocomplete="off"> </div> </div> <div class="col"> <div class="form-group"> <input type="text" class="press form-control" name="code" maxlength="1" tabindex="6" autocomplete="off"> </div> </div> </div> <div> <div class="btn bg-gradient-anwi w-100 loader-btn" style="display: none;"> <span class="loader"></span> </div> <a href="#" class="bg-gradient-anwi btn fw-500 text-white w-100" id="email_validate_proceed" type="submit"><div class="spinner-border otploading d-none" role="status">
548 
-  </div><span class="otploadingtext">CONFIRM</span></a> </div> <div class="resendOTP cursor-pointer text-center pt-4 font-weight-600">Resend OTP</div> </div></div>`;
559 
+  </div> <div class="otp-validation"> <div class="otp-input-group mt-3"> <div> <h4 class="text-center">Enter OTP</h4> <div class="text-center">We have send OTP to your email </div> <p class="user_email text-center"></p> <div class="otp-sent-email fw-600 text-center"></div> </div> <div class="d-flex my-4"> <div class="col"> <div class="form-group"> <input type="text" class="press form-control" name="code" maxlength="1" tabindex="1" autocomplete="off"> </div> </div> <div class="col"> <div class="form-group"> <input type="text" class="press form-control" name="code" maxlength="1" tabindex="2" autocomplete="off"> </div> </div> <div class="col"> <div class="form-group"> <input type="text" class="press form-control" name="code" maxlength="1" tabindex="3" autocomplete="off"> </div> </div> <div class="col"> <div class="form-group"> <input type="text" class="press form-control" name="code" maxlength="1" tabindex="4" autocomplete="off"> </div> </div> <div class="col"> <div class="form-group"> <input type="text" class="press form-control" name="code" maxlength="1" tabindex="5" autocomplete="off"> </div> </div> <div class="col"> <div class="form-group"> <input type="text" class="press form-control" name="code" maxlength="1" tabindex="6" autocomplete="off"> </div> </div> </div> <div> <a href="#" class=" h-50p d-flex align-items-center justify-content-center bg-gradient-anwi btn fw-500 text-white w-100" id="email_validate_proceed" type="submit"><div class="spinner-border otploading d-none" role="status">
560 
+  </div><span class="otploadingtext">Verfiy OTP</span></a> </div> <div class="resendOTP cursor-pointer text-center pt-4 ">Resend OTP</div> </div></div>`;
549 561 
     $('.authContainerUI').html(html);
550 562 
     loadOTPEvents(forgot);
551 563 
   }
 
@@ -592,7 +604,7 @@ function initLogin() {
592 604 
         let presVal = $(this).val();
593 605 
         userotp += presVal;
594 606 
       });
595 
-
607 
+debugger;
596 608 
       if (userotp.length == 6) {
597 609 
         // const validateForgotpass = {
598 610 
         //   email: userDetails.email,
 
@@ -615,14 +627,21 @@ function initLogin() {
615 627 
             toasterHelper("success", "Email has been verified");
616 628 
             return;
617 629 
           }
618 
-          const res = await loginUserService(userDetails.email, userDetails.password);
619 
-
620 
-
621 
-          COOKIE_HELPER_ACTIONS.setCookie({
622 
-            token: res.data.result.sessionId,
623 
-            userid: res.data.result.userId,
624 
-            ...res.data.result
625 
-          });
630 
+          let res = await loginUserService(userDetails.email, userDetails.password);
631 
+          res = res.data;
632 
+
633 
+          let authObj = {
634 
+            token: res.result.sessionId,
635 
+            userId: res.result.userId,
636 
+            unibaseId:res.result.unibaseId,
637 
+            sessionId:res.result.sessionId,
638 
+            tenantId:res.result.tenantId,
639 
+            name:res.result.name,
640 
+            assetUrl:res.result.assetUrl
641 
+          };
642 
+
643 
+          COOKIE_HELPER_ACTIONS.setCookie(authObj);
644 
+          localStorage.setItem("userdata",JSON.stringify(res.result));
626 645 
           const isCartAdded = localStorage.getItem(CART_ADD);
627 646 
           if(isCartAdded){
628 647 
             localStorage.removeItem(CART_ADD);

+ 1
- 0
dist/Js/components/authloader/authloader.js Vedi File 

@@ -127,6 +127,7 @@ class AuthLoader extends HTMLElement {
127 127 
       console.log(this.payment);
128 128 
       this._shadowRoot = this.attachShadow({ 'mode': 'open' });
129 129 
       this._shadowRoot.appendChild(template.content.cloneNode(true));
130 
+      this.show();
130 131 
     }
131 132
132 133 
     static get observedAttributes() {

+ 1
- 1
dist/Js/footer.js Vedi File 

@@ -334,7 +334,7 @@ $(document).ready(function () {
334 334 
                 </div>
335 335 
                 <div class="footer-rkt position-absolute bottom-0
336 336 
                         end-0 me-5">
337 
-                    <img src="https://anwisystems.com/dist/assets/imgs/Home/rocket-footer.png" alt="footer-rocket-img">
337 
+                    <img src="../dist/assets/imgs/Home/rocket-footer.png" alt="footer-rocket-img">
338 338 
                 </div>
339 339 
             </div>
340 340 
         </div>

+ 183
- 32
dist/Js/main.js Vedi File 

@@ -7,83 +7,231 @@
7 7
8 8 
     let width = $(window).width();
9 9
10 
-
10 
+    const ADD_SUB_NAV_CONTAINER = 'ADD_SUB_NAV_CONTAINER';
11 
+    const REMOVE_SUB_NAV_CONTAINER = 'REMOVE_SUB_NAV_CONTAINER';
11 12
12 13 
     var header = $('.sticky-bar');
13 14 
     var win = $(window);
14 15 
     let ele_page = $("body").hasClass("product_pg");
15 
-    if(ele_page == true){
16 
+  let win_wid = win.width();
17 
+
18 
+    let ram_page = window.location.pathname;
19 
+    let loc= ram_page.includes('ramproducts.html');
20 
+    let loc_2= ram_page.includes('allinones.html');
21 
+    let loc_3= ram_page.includes('laptops.html');
22 
+        function naChanges(){
23 
+            if(loc === true){
24 
+                $("svg").find("path").attr("fill","#000");
25 
+            }
26 
+            else if(loc_2 === true || loc_3 === true){
27 
+                if(window.location.href.includes("?Zeno") || window.location.href.includes("?AIO%20Fyro") || window.location.href.includes("?FYRO") || window.location.href.includes("?AIO%20Zeno")){
28 
+                    if(win_wid <=1199){
29 
+                        $(".user-icon").find('path').attr('fill',"#000");
30 
+                        $(".cart_icon").find('path').attr('fill',"#000");
31 
+                      }else{
32 
+                        $("svg").find("path").attr("fill","#fff");
33 
+                      }
34 
+
35 
+                }else{
36 
+                    $("svg").find("path").attr("fill","#000");
37 
+                }
38 
+            }
39 
+            else{
40 
+                $("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
41 
+            }
42 
+
43 
+        }
44 
+        setTimeout(naChanges, 1000);
45 
+        let $body_pg = $("body").hasClass("services_page");
46 
+        if ($body_pg == true) {
47 
+            $(".main-menu").find("nav ul li a").addClass("text-dark");
48 
+            let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
49 
+            $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
50 
+            $(".header-bottom").addClass("sticky-bar stick");
51 
+            $("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
52 
+
53 
+        }
16 54
17 
-    }
18 
-    function naChanges(){
19 
-        $("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
20 
-       }
21 
-       setTimeout(naChanges, 1000);
22 
-       let $body_pg = $("body").hasClass("services_page");
23 
-       if ($body_pg == true) {
24 
-        $(".main-menu").find("nav ul li a").addClass("text-dark");
25 
-        let img_src = `../dist/assets/imgs/anwi-logo-1.png`;
26 
-        $(".logo-menu-wrap").find("a img").attr("src",img_src);
27 
-        $(".header-bottom").addClass("sticky-bar stick");
28 
-        $("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
29 
-    }
55 
+
56 
+
57 
+        function subNavContainer(option){
58 
+
59 
+            let urlName = window.location.href;
60 
+
61 
+
62 
+            if(!urlName.toLowerCase().includes('zeno') && !urlName.toLowerCase().includes('fyro')){
63 
+                return;
64 
+            }
65 
+
66 
+            if(option === ADD_SUB_NAV_CONTAINER){
67 
+                $('.sub_nav_container').removeClass('d-none');
68 
+            }else if(option === REMOVE_SUB_NAV_CONTAINER){
69 
+                $('.sub_nav_container').addClass('d-none');
70 
+            }
71 
+        }
72 
+
30 73 
        win.on('scroll', function() {
31 74 
         var scroll = win.scrollTop();
75 
+        // const mainContainerIsThere = document.querySelector('.mainContanierProduct').getBoundingClientRect();
76 
+
77 
+        // if(mainContainerIsThere.top <200){
78 
+        //     $('.sub_nav_container').removeClass('d-none');
79 
+        // }else{
80 
+        //     $('.sub_nav_container').addClass('d-none');
81 
+        // }
82 
+
32 83 
         if (scroll < 100) {
84 
+
33 85 
             header.removeClass('stick');
34 86 
             $("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
35 87 
             $("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
36 88 
             $("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
89 
+            $(".hover_tab_1").find("svg").find("path").attr("fill","#fff");
90 
+            $(".hover_tab_2").find("svg").find("path").attr("fill","#fff");
37 91 
             // $('.header-bottom-flex').find('svg path').attr('fill','#fff');
38 92 
             $("body").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
39 93 
             $("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
40 94
95 
+            if(!$('.iframcontainer').hasClass('d-none')){
96 
+                subNavContainer(REMOVE_SUB_NAV_CONTAINER);
97 
+            }else if($('.iframcontainer').hasClass('d-none')){
98 
+                $('.sub_nav_container').addClass('d-none');
99 
+            }
100 
+
101 
+
41 102 
             if ($body_pg == true) {
42 103 
                 $(".main-menu").find("nav ul li a").addClass("text-dark");
43 
-                let img_src = `../dist/assets/imgs/anwi-logo-1.png`;
44 
-                $(".logo-menu-wrap").find("a img").attr("src",img_src);
104 
+                let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
105 
+                $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
45 106 
                 $(".header-bottom").addClass("sticky-bar stick");
46 107 
             }else{
47 108 
                 let $about_pg = $("body").hasClass("about_page");
109 
+
48 110 
                 if($about_pg == true){
49 111 
                     $(".main-menu").find("nav ul li a").addClass("text-dark");
50 
-                    let img_src = `../dist/assets/imgs/anwi-logo-1.png`;
51 
-                    $(".logo-menu-wrap").find("a img").attr("src",img_src);
112 
+                    let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
113 
+                    $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
52 114 
                     $(".header-bottom").addClass("sticky-bar stick");
53 115 
                     $("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
54 116 
                 }else{
55 
-                    let img_src = `./dist/assets/imgs/anwi-logo-2.png`;
56 
-                    $(".logo-menu-wrap").find("a img").attr("src",img_src);
57 
-                    $(".main-menu").find("nav ul li a").addClass("text-white");
58 
-                    $(".header-bottom.sticky-bar.stick").removeClass("sticky-bar stick");
117 
+                    if(loc === true || loc_2 === true || loc_3 === true){
118 
+                        if(window.location.href.includes("?Zeno") || window.location.href.includes("?FYRO") || window.location.href.includes("?AIO%20Fyro") || window.location.href.includes("?AIO%20Zeno")){
119 
+                            if(win_wid <=1199){
120 
+                                $(".user-icon").find('path').attr('fill',"#000");
121 
+                                $(".cart_icon").find('path').attr('fill',"#000");
122 
+                              }else{
123 
+                                let imgs = `/dist/assets/imgs/anwi-logo-2.png`;
124 
+                                $(".logo-menu-wrap").find(".logo img").attr("src",imgs);
125 
+                                $(".main-menu").find("nav ul li a").addClass("text-white").removeClass("text-dark");
126 
+                                $('.same-style').find('svg path').attr('fill','#fff');
127 
+                                $('.header-bottom-flex').find('svg path').attr('fill','#fff');
128 
+                                $(".header-bottom.sticky-bar.stick").removeClass("sticky-bar stick");
129 
+                              }
130 
+                        }
131 
+                        else{
132 
+                            let imgs = `/dist/assets/imgs/anwi-logo-1.png`;
133 
+                            $(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
134 
+                            $(".logo-menu-wrap").find(".logo img").attr("src",imgs);
135 
+                            $('.same-style').find('svg path').attr('fill','#000');
136 
+                            $('.header-bottom-flex').find('svg path').attr('fill','#000');
137 
+                            $(".header-bottom.sticky-bar.stick").removeClass("sticky-bar stick");
138 
+                        }
139 
+                    } else{
140 
+                        let contact_pg = $("body").hasClass("contact_page");
141 
+                        if(contact_pg === true){
142 
+                            $(".main-menu").find("nav ul li a").addClass("text-dark");
143 
+                            let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
144 
+                            $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
145 
+                            $('.header-bottom-flex').find('svg path').attr('fill','#000');
146 
+                        }else{
147 
+                            let img_src = `/dist/assets/imgs/anwi-logo-2.png`;
148 
+                            $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
149 
+                            $(".main-menu").find("nav ul li a").addClass("text-white");
150 
+                            $(".header-bottom.sticky-bar.stick").removeClass("sticky-bar stick");
151 
+                        }
152 
+                    }
59 153 
                 }
60 154
61 155 
             }
62 156 
         } else {
63 157 
             header.addClass('stick');
64 
-
158 
+            subNavContainer(ADD_SUB_NAV_CONTAINER);
65 159 
                 $(".header-bottom").addClass("sticky-bar stick");
66 
-                let src = `./dist/assets/imgs/anwi-logo-1.png`;
67 
-                $(".logo-menu-wrap").find("a img").attr("src",src);
160 
+                let src = `/dist/assets/imgs/anwi-logo-1.png`;
161 
+                $(".logo-menu-wrap").find(".logo a img").attr("src",src);
68 162 
                 $(".main-menu").find("nav ul li a").removeClass("text-white");
69 163 
                 $("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
70 164 
                 $('.header-bottom-flex').find('svg path').attr('fill','#000')
71 165 
                 let $body_pg = $("body").hasClass("services_page");
72 166 
                 if ($body_pg == true) {
73 
-                    let src = `../dist/assets/imgs/anwi-logo-1.png`;
74 
-                    $(".logo-menu-wrap").find("a img").attr("src",src);
167 
+                    let src = `/dist/assets/imgs/anwi-logo-1.png`;
168 
+                    $(".logo-menu-wrap").find(".logo a img").attr("src",src);
75 169 
                     $(".main-menu").find("nav ul li a").removeClass("text-white");
76 170 
                 }
77 171 
                 let $about_pg = $("body").hasClass("about_page");
78 172 
                 if($about_pg == true){
79 173 
                     $(".main-menu").find("nav ul li a").addClass("text-dark");
80 
-                    let img_src = `../dist/assets/imgs/anwi-logo-1.png`;
81 
-                    $(".logo-menu-wrap").find("a img").attr("src",img_src);
174 
+                    let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
175 
+                    $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
82 176 
                     $(".header-bottom").addClass("sticky-bar stick");
83 177 
                 }
84 178 
         }
85 
-    });
86 
-
179 
+        });
180 
+        $("nav ul li").each(function(){
181 
+            let nav_item = $(this).find("ul").hasClass("pb-3");
182 
+            if(nav_item === true){
183 
+                $(this).on("mouseenter",function(){
184 
+                    $(".sub_nav_container").addClass("d-none");
185 
+                   let nav_cls =  $(".header-bottom").hasClass("stick");
186 
+                    if(nav_cls === false){
187 
+                        $(".header-bottom").addClass("bg-white");
188 
+                        let src = `/dist/assets/imgs/anwi-logo-1.png`;
189 
+                        $(".logo-menu-wrap").find(".logo a img").attr("src",src);
190 
+                        $(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
191 
+                        $('.header-bottom-flex').find('svg path').attr('fill','#000');
192 
+                    }
193 
+                });
194 
+                $(this).on("mouseleave",function(){
195 
+                    let nav_cls =  $(".header-bottom").hasClass("stick");
196 
+                    let product_detail = window.location.pathname;
197 
+                    let detail = product_detail.includes("productdetails.html");
198 
+                    if(detail === true){
199 
+                        $(".sub_nav_container").removeClass("d-none");
200 
+                    }
201 
+
202 
+                    if(nav_cls === false){
203 
+                        let ram_page = window.location.pathname;
204 
+                        let loc= ram_page.includes('ramproducts.html');
205 
+                        if(loc === false){
206 
+                            let contact_pg = $("body").hasClass("contact_page");
207 
+                            let product_pg = $("body").hasClass("product_pg");
208 
+                            if(contact_pg === true){
209 
+                                $(".header-bottom").removeClass("bg-white");
210 
+                                $(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
211 
+                                let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
212 
+                                $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
213 
+                            }else if(product_pg === true){
214 
+                                $(".header-bottom").removeClass("bg-white");
215 
+                                $(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
216 
+                                let img_src = `/dist/assets/imgs/anwi-logo-1.png`;
217 
+                                $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
218 
+                                $('.header-bottom-flex').find('svg path').attr('fill','#000');
219 
+                            }else{
220 
+                                $(".header-bottom").removeClass("bg-white");
221 
+                                let src = `/dist/assets/imgs/anwi-logo-2.png`;
222 
+                                $(".logo-menu-wrap").find(".logo a img").attr("src",src);
223 
+                                $(".main-menu").find("nav ul li a").addClass("text-white").removeClass("text-dark");
224 
+                                $('.header-bottom-flex').find('svg path').attr('fill','#fff');
225 
+                            }
226 
+                        }else{
227 
+                            $(".header-bottom").removeClass("bg-white");
228 
+                        }
229 
+                    }
230 
+                })
231 
+            }
232 
+        })
233 
+
234 
+
87 235 
     /*--------------------------------
88 236 
         Slider active 1
89 237 
     -----------------------------------*/
 
@@ -1503,5 +1651,8 @@
1503 1651 
         }
1504 1652 
     },300)
1505 1653
1654 
+
1655 
+
1656 
+
1506 1657 
 })(jQuery);
1507 1658

+ 22
- 22
dist/Js/myaccount/Address.js Vedi File 

@@ -1,5 +1,5 @@
1 1 
 async function addressDetails() {
2 
-  debugger;
2 
+
3 3 
   // const user_addr_num =$("#Profile_Phone_num").val();
4 4 
   getbillinginfoBind();
5 5 
   let addr_phone = $('#phonenumber');
 
@@ -14,7 +14,7 @@ async function addressDetails() {
14 14
15 15 
   function renderCustomStateDropdown(stateList) {
16 16 
     let html = ``;
17 
-    debugger;;
17 
+
18 18 
     let maxLen = stateList.length > 10 ? 10 : stateList.length
19 19 
     for (let i = 0; i < maxLen; i++) {
20 20 
       let currItem = stateList[i];
 
@@ -24,7 +24,7 @@ async function addressDetails() {
24 24 
     $('.stateBox').html(html);
25 25
26 26 
     $('.stateoption').off().click(function (e) {
27 
-      debugger;
27 
+
28 28 
       const name = $(e.target).data('name');
29 29 
       const id = $(e.target).data('value');
30 30 
       $('#state').val(name);
 
@@ -70,32 +70,32 @@ async function addressDetails() {
70 70 
           `apis/v4/bizgaze/integrations/anwiauth/getbillinginfo/contactid/${cookieRes.userId}`
71 71 
         );
72 72 
       let res = JSON.parse(response.result);
73 
-      debugger;
73 
+
74 74 
       console.log(res);
75 75 
       res = res[res.length - 1];
76 
-      debugger
77 
-      addr_phone.val(res.phonenumber);
78 
-      $('#Profile_User_name').val(res.organizationname)
79 
-      $('#Profile_Phone_num').val(res.phonenumber)
76 
+
77 
+      addr_phone.val(res?.phonenumber);
78 
+      $('#Profile_User_name').val(res?.organizationname)
79 
+      $('#Profile_Phone_num').val(res?.phonenumber)
80 80 
       let Profileusername = $('#Profile_User_name').val()
81 81 
       let Profileuserphone = $('#Profile_Phone_num').val()
82 82 
       $('.overview_user_name').html(Profileusername);
83 83 
       $('.overview_user_phone').html(Profileuserphone);
84 
-      if (res.cityid == "0") {
84 
+      if (res?.cityid == "0") {
85 85 
         $(".profile_Address").html(
86 86 
           `<div class=User_address><button class="btn btn-outline-primary create_address" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-circle" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/></svg> ADD NEW ADDRESS</button></div>`
87 87 
         );
88 88
89 89 
         $(".address_edit").hide();
90 90 
         $(".create_address").on("click", function () {
91 
-          debugger
91 
+
92 92 
           $(this).hide();
93 93 
           $('.saveaddress').hide()
94 94 
           $(".addresslist").show();
95 95 
           $(".Createaddress").show();
96 96 
           getCountryStateCurrency();
97 97 
         });
98 
-        $('.Createaddress').on('click', async function () {
98 
+        $('.Createaddress').off().on('click', async function () {
99 99 
           if (addr_zip.val() == "" || addr_addrline.val() == "") {
100 100 
             // toastr.error('Required Feilds are Empty!');
101 101 
             //  if(addr_phone.val() == '' || addr_phone.val().length <10){
 
@@ -128,16 +128,16 @@ async function addressDetails() {
128 128 
         })
129 129 
       } else {
130 130 
         $(".profile_Address").html(
131 
-          `<div class=User_address><address><p><strong class="">${res.organizationname}</strong><p>${res.addressline},${res.cityname},${res.zipcode}<p>Mobile: ${res.phonenumber}</address></div>`
131 
+          `<div class=User_address><address><p><strong class="">${res?.organizationname}</strong><p>${res?.addressline},${res?.cityname},${res?.zipcode}<p>Mobile: ${res?.phonenumber}</address></div>`
132 132 
         );
133 
-        $('#state').val(res.cityname)
134 
-        $('#state').attr('data-id',res.cityid);
135 
-        $('#zipcode').val(res.zipcode);
136 
-        $('#addressdes').val(res.addressline);
133 
+        $('#state').val(res?.cityname)
134 
+        $('#state').attr('data-id',res?.cityid);
135 
+        $('#zipcode').val(res?.zipcode);
136 
+        $('#addressdes').val(res?.addressline);
137 137 
       }
138 138 
       resolve();
139 139 
     });
140 
-  } debugger
140 
+  }
141 141
142 142
143 143 
   $(".address_edit").on("click", function () {
 
@@ -160,7 +160,7 @@ async function addressDetails() {
160 160 
     .off("click")
161 161 
     .click(async function () {
162 162
163 
-      debugger
163 
+
164 164 
       if (addr_zip.val() == "" || addr_addrline.val() == "") {
165 165 
         // toastr.error('Required Feilds are Empty!');
166 166 
         //  if(addr_phone.val() == '' || addr_phone.val().length <10){
 
@@ -201,7 +201,7 @@ async function addressDetails() {
201 201 
       let limit = 10;
202 202 
       let results = [];
203 203 
       let maxLen = stateArr.length > 10 ? 10 :stateArr.length;
204 
-      debugger
204 
+
205 205 
       for(let i=0;i<stateArr.length;i++){
206 206 
           let currItem = stateArr[i];
207 207 
           let stateName = currItem.cityname.toLowerCase();
 
@@ -305,12 +305,12 @@ async function addressDetails() {
305 305 
   }
306 306
307 307 
   function createBillingForm() {
308 
-    debugger;
308 
+
309 309 
     return new Promise(async (resolve, reject) => {
310 310 
       let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
311 311 
       let { userId, name } = cookieRes;
312 312 
       const ctyId = await getCountryId();
313 
-      let stateId = parseInt($("#state").val());
313 
+      let stateId = $("#state").data('id');
314 314 
       let payload = {
315 315 
         cityid: stateId,
316 316 
         CityName: $(`[data-id="${stateId}"`).html(),
 
@@ -344,7 +344,7 @@ async function addressDetails() {
344 344 
   }
345 345
346 346 
   async function AddresssaveForm() {
347 
-    debugger;
347 
+
348 348 
     let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
349 349 
     let { userId, name } = cookieRes;
350 350 
     const { errorMsg, isError, response } =

+ 1
- 0
dist/Js/myaccount/Myaccount.js Vedi File 

@@ -1,6 +1,7 @@
1 1 
 function initmyaccount(){
2 2 
     $('.my_account_page').removeClass('d-none')
3 3 
     myProfile();
4 
+    supportTicketMain();
4 5 
     bindOrderDetails();
5 6 
     wattantyFunction();
6 7 
     addressDetails()

+ 8
- 8
dist/Js/myaccount/Profile.js Vedi File 

@@ -1,5 +1,5 @@
1 1 
 function myProfile() {
2 
-    debugger
2 
+
3 3 
     getbillinginfoBind()
4 4 
    async function getbillinginfoBind(){
5 5 
     let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
 
@@ -8,16 +8,16 @@ function myProfile() {
8 8 
       `apis/v4/bizgaze/integrations/anwiauth/getbillinginfo/contactid/${cookieRes.userId}`
9 9 
     );
10 10 
     let res = JSON.parse(response.result);
11 
-    debugger;
11 
+
12 12 
     console.log(res);
13 13 
     res = res[res.length - 1];
14 
-   $('#Profile_User_name').val(res.organizationname)
15 
-  $('#Profile_Phone_num').val(res.phonenumber)
14 
+   $('#Profile_User_name').val(res?.organizationname)
15 
+  $('#Profile_Phone_num').val(res?.phonenumber)
16 16 
     let Profileusername =$('#Profile_User_name').val()
17 17 
     let Profileuserphone=$('#Profile_Phone_num').val()
18 18 
     $('.overview_user_name').html(Profileusername);
19 19 
     $('.overview_user_phone').html(Profileuserphone);
20 
-    $(".profile_Address").html(`<div class=User_address><address><p><strong>${res.organizationname}</strong><p>${res.addressline},${res.cityname}<br>${res.statename},${res.zipcode}<p>Mobile: ${res.phonenumber}</address></div>`
20 
+    $(".profile_Address").html(`<div class=User_address><address><p><strong>${res?.organizationname}</strong><p>${res?.addressline},${res?.cityname}<br>${res?.statename},${res?.zipcode}<p>Mobile: ${res?.phonenumber}</address></div>`
21 21 
       );
22 22 
 }
23 23 
     let countryId = null;   
@@ -60,14 +60,14 @@ function myProfile() {
60 60 
   $(".update_profile_pass").on("click", async function () {
61 61 
     let userEmail = window.localStorage.getItem("Useremail");
62 62 
     console.log(userEmail);
63 
-    let port = "http://beta.bizgaze.com";
63 
+    let port = SERVERNAME;
64 64 
     // let port = "http://localhost:3088";
65 65 
     let url = `${port}/account/getuserbyphoneormail/${userEmail}/${userEmail}`;
66 66 
     const config = {
67 67 
       url,
68 68 
       method: "get",
69 69 
     };
70 
-    debugger;
70 
+
71 71
72 72 
     let response = await axios(config);
73 73 
     let usernameId = response.data.result.userName;
 
@@ -129,7 +129,7 @@ function myProfile() {
129 129 
     $('.profile_edit_cancel').trigger('click')
130 130 
 })
131 131 
   async function ProfilesaveForm() {
132 
-    debugger
132 
+
133 133 
     let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
134 134 
     let { userId, name } = cookieRes;
135 135 
     const { errorMsg, isError, response } =

+ 6
- 6
dist/Js/myaccount/myaccount_warrenty.js Vedi File 

@@ -1,6 +1,6 @@
1 1 
 function wattantyFunction(){
2 2
3 
-debugger
3 
+
4 4 
 let order_card = `<div class=warranty_product><div class="py-3 warranty_productform"><div class=mb-3><label class=form-label for=Add_serial_number_inp>Enter Your Serial Number</label><input class=form-control id=Add_serial_number_inp  required><label class="form-label text-danger d-none error_serial_num" for=Add_serial_number_inp >Serial Number Not Found</label></div><div class=mb-3><label class=form-label for=Add_phonenumber_inp>Enter Your Phone Number</label> <input class=form-control id=Add_phonenumber_inp required><label class="text-danger d-none form-label error_phonenumber" for=Add_phonenumber_inp>Enter Valid Phone Number</label></div><div class=mb-3><label class=form-label for=Add_contactname_inp>Enter Your Contactname</label> <input class=form-control id=Add_contactname_inp required></div><div class="serial_submit text-end"><button class="btn btn-dark warranty_serialNumber_submit" type="button">Submit</button></div></div></div>`;
5 5
6 6 
 $(".user_orders").append(order_card);
 
@@ -18,7 +18,7 @@ $('.warranty_serialNumber_submit').click(async function () {
18 18 
          $('#Add_serial_number_inp').removeClass('border-danger')
19 19 
          $('#Add_phonenumber_inp').removeClass('border-danger');
20 20 
     let port = SERVERNAME;
21 
-    debugger
21 
+
22 22 
     let url = `${port}/apis/v4/Bizgaze/integrations/products/warrantyservice/serialno/${serial_no_inp}`;
23 23 
     console.log(url);
24 24 
     // const STAT = `05b2f2ca510344968c65e1ebf49a5595`
 
@@ -31,7 +31,7 @@ $('.warranty_serialNumber_submit').click(async function () {
31 31 
     };
32 32
33 33 
     let response = await axios(config);
34 
-    debugger
34 
+
35 35 
     console.log(response)
36 36 
     let product_res = response.data.result
37 37 
     if (product_res != null) {
 
@@ -70,7 +70,7 @@ $('.warranty_serialNumber_submit').click(async function () {
70 70 
                     let warrenty_date =value[0].warrantytodate
71 71 
                         let userwarrenty_product = `<div class="border-3 border-start my-3 order-cards ps-4 rounded-0" id='order-cards'> <div class="col-md-12 "><b>Warranty For :</b> ${value[0].itemname}</div><div class="row align-items-center"> <div class=col-md-12>  <div class="col-md-6 my-2"><span>Serail NO :</span> <span class="fs-9 text-secondary serial_no_warrantynumber">${value[0].serialno}</span> </div><div class="col-md-6 my-2"><span> Warrenty Expiry Date :</span> <span class=" fs-9 text-secondary rounded-2 warrenty_date">${value[0].warrantytodate}</span> </div><div class="my-2 col-md-6"><span> Warranty Start Date :</span> <span class="fs-9 text-secondary purchase_date">${value[0].warrantyfromdate}</span> </div><div class="col-md-6 my-2"> <span> Warranty Status : </span><span class="bg-success btn fs-9 is_warranty_enable py-0 text-white"> ${value[0].warrantyenabled}</span> </div></div></div></div>`;
72 72 
                        let is_warranty_enable=value[0].warrantyenabled
73 
-                       debugger
73 
+
74 74 
                        $(".user_Warranty_details").html(userwarrenty_product);
75 75 
                        if(is_warranty_enable == true){
76 76 
                        $('.is_warranty_enable').text('Activated')
 
@@ -117,9 +117,9 @@ async function warrentyService(Warrentypayload) {
117 117 
     //     // let  strDate = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate();
118 118 
     //     let  strDate =  new Date().toISOString().slice(0, 10)
119 119 
     // console.log(strDate)
120 
-    debugger
120 
+
121 121 
     const res = await postAPIServiceWarranty(`apis/v4/bizgaze/transact/items/savewarrantyasync`, Warrentypayload);
122 
-    debugger
122 
+
123 123 
     console.log(res)
124 124 
   if (res.data.status == 2) {
125 125 
     //   $('.warranty_productform').addClass('d-none');

+ 51
- 13
dist/Js/myaccount/orderdetails.js Vedi File 

@@ -1,11 +1,12 @@
1 1 
 async function bindOrderDetails() {
2 2 
   let user_number = $('.User_phoneum').text();
3 3 
   // validatesession()
4 
-  debugger
4 
+
5 5 
   let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
6 6 
   let { userId } = cookieRes;
7 7 
   //let userId = '106631380000048';
8 
-  debugger;
8 
+
9 
+  console.log(cookieRes);
9 10 
   let port = SERVERNAME;
10 11 
   // let port = "http://localhost:3088";
11 12 
   let url = `${port}/apis/v4/Bizgaze/integrations/products/salesorderdetailsbyorgid/organizationid/${userId}`;
 
@@ -19,14 +20,14 @@ async function bindOrderDetails() {
19 20 
       'Content-Type': 'application/json'
20 21 
     }
21 22 
   };
22 
-  debugger
23 
+
23 24 
   let res = await axios(config);
24 25 
   if (res.data.result == '[]' || res.data.result === null) {
25 26 
     $(".user_order_details").append(`<div><h6 class="text-center">No orders Found</h6></div>`);
26 27 
     return;
27 28 
   }
28 29 
   const orderDetailsres = JSON.parse(res.data.result);
29 
-  console.log(orderDetailsres);
30 
+  console.log(orderDetailsres,"order");
30 31 
   let new_arrr = orderDetailsres;
31 32 
   console.log(new_arrr);
32 33 
   $(".user_order_details").html(``)
 
@@ -36,14 +37,16 @@ async function bindOrderDetails() {
36 37 
   let order_netTotal = '';
37 38 
   let order_quantity = '';
38 39 
   let order_taxAmount = '';
40 
+
39 41 
   for (let i = 0; i < new_arrr.length; i++) {
40 42 
     let current = new_arrr[i]
43 
+    console.log(current);
41 44 
     let updatedCurent_total = current.nettotal.toLocaleString()
42 45 
     order_itemTotal = current.itemtotal;
43 46 
     order_netTotal = current.nettotal;
44 47 
     order_quantity = current.Quantity;
45 48 
     order_taxAmount = current.taxamount;
46 
-    user_order_details += `<a href="" class="order_details_main_container">
49 
+    user_order_details += `<div href="" class="order_details_main_container">
47 50 
   <div class="border-3 mb-3 card">
48 51 
     <div class="text-dark card-body px-0 pt-0">
49 52 
       <div class="d-none">
 
@@ -53,7 +56,7 @@ async function bindOrderDetails() {
53 56 
         <span class="order_qty">${order_quantity}</span>
54 57 
       </div>
55 58 
       <div class="bg-gray-4 p-2 m-0 border-bottom">
56 
-      <p class="m-0 fw-600 text-secondary">ORDER NO: <span class="text-blue fs-9 serial_no ">${current.OrderNo}</span>
59 
+      <p class="m-0 fw-600 text-secondary">ORDER NO: <span class="text-blue fs-9 serial_no serial_no_btn "><u class="cursor-pointer">${current.OrderNo}</u></span>
57 60 
       </p>
58 61 
     </div>
59 62 
       <div class="bg-gray-4 p-2 row g-0">
 
@@ -76,8 +79,17 @@ async function bindOrderDetails() {
76 79 
         <div class="col-md-4 ms-auto">
77 80
78 81 
           <div class="d-flex justify-content-between">
79 
-            <p class="mb-1 text-info fw-500"> View order details </p>
80 
-            <p class="mb-0 text-info fw-500">Invoice</p>
82 
+         <div>
83 
+         <p class="mb-1 text-info fw-500"> View order details </p>
84 
+
85 
+         </div>
86 
+           <div>
87 
+           <p class="mb-0 text-info fw-500 text-center">Invoice</p>
88 
+           <p class="mb-1 fw-500 d-flex gap-2 pt-1">
89 
+          <span data-invoiceid="${current.invoiceid}" class="invoicedownload w-100 cursor-pointer bg-white rounded p-1 d-flex align-items-center justify-content-around">  <i  class="fa-solid fa-file-invoice p-1 "></i></span>
90 
+
91 
+           </p>
92 
+           </div>
81 93 
           </div>
82 94 
         </div>
83 95 
       </div>
 
@@ -101,16 +113,42 @@ async function bindOrderDetails() {
101 113 
       </div>
102 114 
     </div>
103 115 
   </div>
104 
-</a>`;
116 
+</div>`;
105 117 
   }
106 118 
   $(".user_order_details").append(user_order_details);
107 
-  $('.order_details_main_container').click(function () {
108 
-    let current_serial_no = $(this).find('.serial_no').text();
119 
+  $('.serial_no_btn').click(function () {
120 
+    // order_details_main_container
121 
+    let current_serial_no = $(this).text();
109 122 
     //  window.localStorage.setItem('orderDate',current_order_date);
110 123 
     //  window.localStorage.setItem('orderSerialno',current_serial_no);
111 124 
     //  window.localStorage.setItem('Userphonenumber',user_number);
112 
-    $(this).attr('href', `./orderdetails.html#${current_serial_no}`)
113 
-  })
125 
+    // $(this).attr('href', `./orderdetails.html#${current_serial_no}`);
126 
+
127 
+    window.location.href = `/orderdetails.html#${current_serial_no}`;
128 
+  });
129 
+
130 
+  $('.invoicedownload').off('click').click(async function (e){
131 
+    let invoiceId = $(this).data('invoiceid');
132 
+    console.log(invoiceId);
133 
+    $(this).html(`<div style="width:15px;height:15px" class="spinner-border" role="status">
134 
+    <span class="sr-only">Loading...</span>
135 
+  </div>`)
136 
+    let res = await API_SERVICES_ACTIONS.postAPIService(`apis/v4/unibase/platform/templates/generatetemplatepdf/printprovideruniquekey/Bizgaze_Extension_Transact_Transact_PrintProvider_InvoicePrint/pkid/${invoiceId}`);
137 
+
138 
+    if(res.isError){
139 
+      toasterHelper(`error`,err.errorMsg,`toast-top-right`);
140 
+      return;
141 
+    }
142 
+
143 
+    res=JSON.parse(res.response.result);
144 
+    let {FilePath:fileLink} = res;
145 
+    let link = buildLinkWithServerName(fileLink);
146 
+    console.log(link);
147 
+    window.open(link, "_blank");
148 
+
149 
+    $(this).html(`<i  class="fa-solid fa-file-invoice p-1 "></i>`)
150 
+
151 
+  });
114 152 
 }
115 153 
 function toasterOpts() {
116 154 
   toastr.options = {

+ 328
- 137
dist/Js/navbar.js Vedi File 

@@ -1,8 +1,58 @@
1 1 
 navINIT();
2 2
3 3 
 function navINIT() {
4 
+
5 
+
6 
+
7 
+
8 
+
9 
+    async function getAllProdouctsIds(){
10 
+        let res = await API_SERVICES_ACTIONS.getAPIService('apis/v4/bizgaze/integrations/products/getallproducts',true);
11 
+        if(res.isError){
12 
+            alert(res.errorMsg);
13 
+            return;
14 
+        }
15 
+
16 
+        res = JSON.parse(res.response.result);
17 
+
18 
+        for(let i=0;i<res.length;i++){
19 
+            let curr = res[i];
20 
+            let productname = curr.productname;
21 
+            let id = curr.productid;
22 
+
23 
+            // ACCESSORIES
24 
+            switch (productname) {
25 
+                case 'Zeno Sleekbook':
26 
+                    appendIdNav('zenosleekbook',id);
27 
+                    break;
28 
+                case 'Zeno Dualbook':
29 
+                    appendIdNav('zenodualbook',id);
30 
+                    break;
31 
+                case "FYRO Flagship":
32 
+                    appendIdNav('fyroflagship',id);
33 
+                    break;
34 
+                case "AIO Fyro":
35 
+                    // appendIdNav('fyroaio',id);
36 
+                    break;
37 
+                case "AIO Zeno":
38 
+                    // appendIdNav('zenoaio',id);
39 
+                default:
40 
+                    break;
41 
+            }
42 
+        }
43 
+    }
44 
+
45 
+    function appendIdNav(className,id){
46 
+        let html = $(`.${className}`).attr('href');
47 
+        const pattern = /{[^}]+}/g;
48 
+        const replacedString = html.replace(pattern, id);
49 
+        $(`.${className}`).parents('.nav-tab-show').removeClass('d-none')
50 
+        $(`.${className}`).attr('href',replacedString);
51 
+    }
52 
+
4 53 
     if(!window.location.href.includes('orderconfirmation')&&!window.location.href.includes('/w/')){
5 54 
         loadCart();
55 
+
6 56 
     }
7 57
8 58 
     function loadHelper(src = './dist/js/utils/helpers.js'){
 
@@ -40,6 +90,7 @@ function navINIT() {
40 90 
         }
41 91
42 92 
          setLengthCart();
93 
+         getAllProdouctsIds();
43 94 
         //console.log("hello");
44 95
45 96 
         
@@ -48,152 +99,122 @@ function navINIT() {
48 99 
     }
49 100 
     let URLNAMENAV = window.location.href;
50 101 
     const isTransparent = URLNAMENAV.includes('login')||URLNAMENAV.includes('orderconfirmation')|| URLNAMENAV.includes('services/paymentmethod.html');
102 
+
51 103 
     let nav_html = `
52 
-<header class="header-area section-padding-1 transparent-bar" ${isTransparent ?'style="background:#0A1039"' :''}>
104 
+<header class="header-area section-padding-1 transparent-bar" ${isTransparent ?'style="background:#000"' :''}>
53 105 
             <div class="header-large-device">
54 106 
                 <div class="header-bottom sticky-bar">
55 107 
                     <div class="container">
56 108 
                         <div class="header-bottom-flex">
57 
-                            <div class="logo-menu-wrap d-flex">
109 
+                            <div class="logo-menu-wrap d-flex gap-5">
58 110 
                                 <div class="logo">
59 111 
                                     <a href="../index.html">
60 
-                                        <img src="/dist/assets/imgs/anwi-logo-2.png" alt="logo" class="w-50">
112 
+                                        <img src="/dist/assets/imgs/anwi-logo-2.png" alt="logo" class="nav_logo">
61 113 
                                     </a>
62 114 
                                 </div>
63 115 
                                 <div class="main-menu menu-lh-1 main-menu-padding-1">
64 116 
                                     <nav>
65 117 
                                         <ul class="mb-0 p-0">
66 
-                                        <li class="hover_tab_1"><a href="./storageproducts.html" class="satoshi_font">STORAGE</a>
67 
-                                        <ul class="py-3 px-3 rounded-bottom shadow">
68 
-                                            <li class="d-flex">
69 
-                                                <ul class="nav nav-pills flex-column w-200 border-end" id="experienceTab" role="tablist">
70 
-                                                    <li class="nav-item">
71 
-                                                        <a class="nav-link active text-dark" data-bs-toggle="tab" href="#ora3">ORA 3</a>
72 
-                                                    </li>
73 
-                                                    <li class="nav-item">
74 
-                                                        <a class="nav-link text-dark" data-bs-toggle="tab" href="#ora4">ORA 4</a>
75 
-                                                    </li>
76 
-                                                </ul>
77 
-                                                <ul class="nav w-500">
78 
-                                                    <li>
79 
-                                                    <div class="tab-content">
80 
-                                                        <div id="ora3" class="container tab-pane active">
81 
-                                                            <div class="row">
82 
-                                                                <div class="col-4">
83 
-                                                                    <div class="bg-gray-4 rounded-3 cursor-pointer">
84 
-                                                                        <img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
85 
-                                                                        <p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora3 M.2 NVMe 512GB</p>
86 
-                                                                    </div>
87 
-                                                                </div>
88 
-                                                                <div class="col-4">
89 
-                                                                    <div class="bg-gray-4 rounded-3 cursor-pointer">
90 
-                                                                         <img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
91 
-                                                                         <p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora3 M.2 NVMe 1TB</p>
92 
-                                                                    </div>
93 
-                                                                </div>
94 
-                                                                <div class="col-4">
95 
-                                                                    <div class="bg-gray-4 rounded-3 cursor-pointer">
96 
-                                                                        <img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
97 
-                                                                        <p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora3 M.2 NVMe 2TB</p>
98 
-                                                                    </div>
99 
-                                                                </div>
118 
+                                        <li class="hover_tab_1">
119 
+                                            <a href="/laptops.html" class="satoshi_font">LAPTOPS
120 
+                                                <svg style="width:18px;height:15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
121 
+                                                    <path fill="#fff" d="M1395 736q0 13-10 23l-466 466q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l393 393 393-393q10-10 23-10t23 10l50 50q10 10 10 23z"/>
122 
+                                                </svg>
123 
+                                            </a>
124 
+                                        <ul class="pb-3" style="list-style:none">
125 
+                                            <li>
126 
+                                                <div class="d-flex gap-4r pt-4 pb-2 align-items-center justify-content-center">
127 
+                                                    <div class="position-relative nav-tab-show  d-none">
128 
+                                                        <a class="h-100 nav_items zenosleekbook" href="/laptopdetails.html?Zeno#productId={106633230000029}">
129 
+                                                            <div  style="" class="align-items-center cursor-pointer d-flex flex-column h-100 justify-content-center rounded-3">
130 
+                                                                <img src="https://appassets.bizgaze.app/_files/documents/663/cfed4b55-9c51-48a8-969f-2d443fdb9bac/15%20inch.png" alt="ora img" class="nav_imgs"/>
131 
+                                                                <p  class="mb-0 text-center text-dark w-100">Zeno Sleekbook </p>
100 132 
                                                             </div>
101 
-                                                        </div>
102 
-                                                        <div id="ora4" class="container tab-pane fade">
103 
-                                                            <div class="row">
104 
-                                                                <div class="col-4">
105 
-                                                                    <div class="bg-gray-4 rounded-3 cursor-pointer">
106 
-                                                                        <img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
107 
-                                                                        <p class="fs-7 fw-600 mb-0 text-a-color text-center  pb-1">Ora4 M.2 NVMe 512GB</p>
108 
-                                                                    </div>
109 
-                                                                </div>
110 
-                                                                <div class="col-4">
111 
-                                                                    <div class="bg-gray-4 rounded-3 cursor-pointer">
112 
-                                                                        <img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
113 
-                                                                        <p class="fs-7 fw-600 mb-0 text-a-color text-center  pb-1">Ora4 M.2 NVMe 1TB</p>
114 
-                                                                    </div>
115 
-                                                                </div>
116 
-                                                                <div class="col-4">
117 
-                                                                    <div class="bg-gray-4 rounded-3 cursor-pointer">
118 
-                                                                        <img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
119 
-                                                                        <p class="fs-7 fw-600 mb-0 text-a-color text-center  pb-1">Ora4 M.2 NVMe 2TB</p>
120 
-                                                                    </div>
121 
-                                                                </div>
133 
+                                                        </a>
134 
+                                                    </div>
135 
+                                                    <div class="position-relative nav-tab-show  d-none">
136 
+                                                        <a class="h-100 nav_items fyroflagship" href="/laptopdetails.html?Fyro#productId={106633230000031}">
137 
+                                                            <div  style="" class=" align-items-center cursor-pointer d-flex flex-column h-100 justify-content-center rounded-3">
138 
+                                                                <img src="https://appassets.bizgaze.app/_files/documents/663/39d3ec7f-c692-4489-a808-60d79c0ffcb1/17%20inches.png" alt="ora img" class="nav_imgs"/>
139 
+                                                                <p  class="mb-0 text-center text-dark w-100">Fyro Flagship </p>
122 140 
                                                             </div>
141 
+                                                        </a>
142 
+                                                    </div>
143 
+                                                    <div class="position-relative nav-tab-show  d-none">
144 
+                                                    <a class="h-100 nav_items zenodualbook" href="/laptopdetails.html?Zeno#productId={106633230000030}">
145 
+                                                        <div  style="" class=" align-items-center cursor-pointer d-flex flex-column h-100 justify-content-center rounded-3">
146 
+                                                            <img src="https://appassets.bizgaze.app/_files/documents/663/3feb2ad5-7451-4cd5-ba7a-f6695e1fa708/zeno_dualbook.png" alt="ora img" class="nav_imgs"/>
147 
+                                                            <p  class="mb-0 text-center text-dark w-100">Zeno Dual Book </p>
123 148 
                                                         </div>
124 
-                                                  </div>
125 
-                                                </li>
126 
-                                                </ul>
149 
+                                                    </a>
150 
+                                                </div>
151 
+                                                </div>
127 152 
                                             </li>
128 153 
                                         </ul>
129 154 
                                     </li>
130 
-                                    <li class="hover_tab_2"><a href="./ramproducts.html" class="satoshi_font">MEMORY</a>
131 
-                                    <ul class="py-3 px-3 rounded-bottom shadow">
132 
-                                    <li class="d-flex">
133 
-                                        <ul class="nav nav-pills flex-column w-200 border-end" id="experienceTab" role="tablist">
134 
-                                            <li class="nav-item">
135 
-                                                <a class="nav-link active text-dark" data-bs-toggle="tab" href="#laptop">Laptop</a>
136 
-                                            </li>
137 
-                                            <li class="nav-item">
138 
-                                                <a class="nav-link text-dark" data-bs-toggle="tab" href="#desktop">Desktop</a>
139 
-                                            </li>
140 
-                                        </ul>
141 
-                                        <ul class="nav w-500">
142 
-                                            <li>
143 
-                                            <div class="tab-content">
144 
-                                                <div id="laptop" class="container tab-pane active">
145 
-                                                    <div class="row">
146 
-                                                        <div class="col-4">
147 
-                                                            <div class="bg-gray-4 rounded-3 cursor-pointer">
148 
-                                                                <img src="./dist/assets/imgs/Navbar/ora_ddr4_laptop.png" alt="ora img" class=""/>
149 
-                                                                <p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora 8GB DDR5</p>
150 
-                                                            </div>
155 
+                                    <li class="hover_tab_2">
156 
+                                        <a href="/allinones.html" class="satoshi_font">ALL IN ONES
157 
+                                            <svg style="width:18px;height:15px;" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
158 
+                                                <path fill="#fff" d="M1395 736q0 13-10 23l-466 466q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l393 393 393-393q10-10 23-10t23 10l50 50q10 10 10 23z"/>
159 
+                                            </svg>
160 
+                                        </a>
161 
+                                    <ul class="pb-3" style="list-style:none">
162 
+                                        <li>
163 
+                                            <div class="d-flex gap-4r pt-4 pb-2 align-items-center justify-content-center">
164 
+                                                <div class="position-relative  nav-tab-show">
165 
+                                                    <a class="h-100 nav_items zenoaio" href="/laptopdetails.html?AIO Zeno#productId=106633230000026#itemid=106633240000112">
166 
+                                                        <div  style="" class="align-items-center cursor-pointer d-flex flex-column h-100 justify-content-center rounded-3">
167 
+                                                            <img src="https://appassets.bizgaze.app/_files/documents/663/42bdf033-74fb-45ca-b180-9bff7a0dca86/zeno_aio.png" alt="ora img" class="nav_imgs"/>
168 
+                                                            <p  class="mb-0 text-center text-dark w-100">Zeno All in ones</p>
151 169 
                                                         </div>
152 
-                                                        <div class="col-4">
153 
-                                                            <div class="bg-gray-4 rounded-3 cursor-pointer">
154 
-                                                                 <img src="./dist/assets/imgs/Navbar/ora_ddr5_laptop.png" alt="ora img" class=""/>
155 
-                                                                 <p class="fs-7 fw-600 mb-0 text-a-color text-center  pb-1">Ora 16GB DDR5</p>
156 
-                                                            </div>
157 
-                                                        </div>
158 
-                                                        <div class="col-4 ">
159 
-                                                            <div class="bg-gray-4 rounded-3 cursor-pointer">
160 
-                                                                 <img src="./dist/assets/imgs/Navbar/ora_ddr5_laptop.png" alt="ora img" class=""/>
161 
-                                                                 <p class="fs-7 fw-600 mb-0 text-a-color text-center  pb-1">Ora 32GB DDR5</p>
162 
-                                                            </div>
163 
-                                                        </div>
164 
-                                                    </div>
170 
+                                                    </a>
165 171 
                                                 </div>
166 
-                                                <div id="desktop" class="container tab-pane fade">
167 
-                                                    <div class="row">
168 
-                                                        <div class="col-4">
169 
-                                                            <div class="bg-gray-4 rounded-3 cursor-pointer">
170 
-                                                                <img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" alt="ora img" class=""/>
171 
-                                                                <p class="fs-7 fw-600 mb-0 text-a-color text-center  pb-1">Ora 8GB DDR4</p>
172 
-                                                            </div>
172 
+                                                <div class="position-relative  nav-tab-show">
173 
+                                                    <a class="h-100 nav_items" href="/laptopdetails.html?AIO Fyro#productId=106633230000027#itemid=106633240000126">
174 
+                                                        <div  style="" class=" align-items-center cursor-pointer d-flex flex-column h-100 justify-content-center rounded-3">
175 
+                                                            <img src="https://appassets.bizgaze.app/_files/documents/663/39e90b38-3d04-4f88-bff4-2b6feb3eb54c/Asset%204@2x.png" alt="ora img" class="nav_imgs"/>
176 
+                                                            <p  class="mb-0 text-center text-dark w-100">Fyro All in ones </p>
173 177 
                                                         </div>
174 
-                                                        <div class="col-4">
175 
-                                                            <div class="bg-gray-4 rounded-3 cursor-pointer">
176 
-                                                                <img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" alt="ora img" class=""/>
177 
-                                                                <p class="fs-7 fw-600 mb-0 text-a-color text-center  pb-1">Ora 16GB DDR4</p>
178 
-                                                            </div>
178 
+                                                    </a>
179 
+                                                </div>
180 
+                                            </div>
181 
+                                        </li>
182 
+                                    </ul>
183 
+                                    </li>
184 
+                                    <li class="hover_tab_2">
185 
+                                        <a href="/accessories.html" class="satoshi_font">ACCESSORIES
186 
+                                            <svg style="width:18px;height:15px;" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
187 
+                                                <path fill="#fff" d="M1395 736q0 13-10 23l-466 466q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l393 393 393-393q10-10 23-10t23 10l50 50q10 10 10 23z"/>
188 
+                                            </svg>
189 
+                                        </a>
190 
+                                        <ul class="pb-3" style="list-style:none">
191 
+                                        <li>
192 
+                                            <div class="d-flex gap-4r pt-4 pb-2 align-items-center justify-content-center">
193 
+                                                <div class="position-relative  nav-tab-show_acc">
194 
+                                                    <a class="h-100 nav_items" href="/storageproducts.html">
195 
+                                                        <div  style="" class="align-items-center cursor-pointer d-flex flex-column h-100 justify-content-center rounded-3">
196 
+                                                            <img src="https://appassets.bizgaze.app/_files/documents/663/c3ea1dde-6c5b-4169-922b-97c297c55737/Ora4%20SSD%202TB%20copy.png" alt="ora img" class="nav_imgs"/>
197 
+                                                            <p  class="mb-0 text-center text-dark w-100">Storage</p>
179 198 
                                                         </div>
180 
-                                                        <div class="col-4">
181 
-                                                            <div class="bg-gray-4 rounded-3 cursor-pointer">
182 
-                                                                 <img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" alt="ora img" class=""/>
183 
-                                                                 <p class="fs-7 fw-600 mb-0 text-a-color text-center  pb-1">Ora 32GB DDR4</p>
184 
-                                                            </div>
199 
+                                                    </a>
200 
+                                                </div>
201 
+                                                <div class="position-relative  nav-tab-show_acc">
202 
+                                                    <a class="h-100 nav_items" href="/ramproducts.html">
203 
+                                                        <div  style="" class=" align-items-center cursor-pointer d-flex flex-column h-100 justify-content-center rounded-3">
204 
+                                                            <img src="https://appassets.bizgaze.app/_files/documents/663/9d71f7a4-bf31-4d3c-b120-5de610321dc2/image_2023_05_05T09_12_42_081Z.png" alt="ora img" class="nav_imgs"/>
205 
+                                                            <p  class="mb-0 text-center text-dark w-100">Memory </p>
185 206 
                                                         </div>
186 
-                                                    </div>
207 
+                                                    </a>
187 208 
                                                 </div>
188 
-                                          </div>
209 
+                                            </div>
189 210 
                                         </li>
190 
-                                        </ul>
191 
-                                    </li>
192 
-                                </ul>
211 
+                                    </ul>
193 212 
                                     </li>
213 
+                                    <!--
214 
+                                    <li><a href="./storageproducts.html" class="satoshi_font">STORAGE</a></li>
215 
+                                    <li><a href="./ramproducts.html" class="satoshi_font">MEMORY</a></li> -->
194 216 
                                             <li><a href="./support.html" class="satoshi_font">SUPPORT</a></li>
195 217 
                                             <li><a href="./press.html" class="satoshi_font">PRESS</a></li>
196 
-                                            <li><a href="./index1.html" class="satoshi_font">COMING SOON</a></li>
197 218 
                                             <li><a href="./contact.html" class="satoshi_font">CONTACT</a></li>
198 219 
                                             <li class="d-none"><a href="#" class="satoshi_font product_data" item_id="106633220000002">ACCESSORIES</a></li>
199 220 
                                         </ul>
 
@@ -203,20 +224,61 @@ function navINIT() {
203 224 
                             <div class="header-action-wrap header-action-flex header-action-width header-action-mrg-1">
204 225 
                                 <div class="same-style">
205 226 
                                 <a href="/myaccount.html" class="my_avatar">
206 
-
207 
-                                <svg style="width:20px;" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" class="icon" data-di-res-id="e576e1a9-2f4a9ed6" data-di-rand="1682677695656"><path fill="#fff" d="M48 50c17.346 0 32 14.221 32 31.054V89c0 2.757-2.243 5-5 5H21c-2.757 0-5-2.243-5-5v-7.946C16 64.221 30.654 50 48 50zm0 8c-12.785 0-24 10.773-24 23.054V86h48v-4.946C72 68.773 60.785 58 48 58zm-.002-56c12.133 0 22.003 9.87 22.003 22.001C70 36.131 60.13 46 47.998 46c-12.13 0-21.997-9.869-21.997-21.999C26 11.87 35.867 2 47.998 2zm0 8c-7.718 0-13.997 6.281-13.997 14.001C34 31.72 40.28 38 47.998 38 55.718 38 62 31.72 62 24.001 62 16.281 55.719 10 47.998 10z"></path></svg>
227 
+                                <svg class="user-icon" width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
228 
+                                    <g clip-path="url(#clip0)">
229 
+                                        <path d="M21.4443 24.3665H19.4443V19.3235C19.4435 18.5395 19.1317 17.7879 18.5774 17.2335C18.023 16.6791 17.2713 16.3673 16.4873 16.3665H8.40134C7.61733 16.3673 6.86567 16.6791 6.3113 17.2335C5.75693 17.7879 5.44513 18.5395 5.44434 19.3235V24.3665H3.44434V19.3235C3.44592 18.0093 3.96869 16.7494 4.89796 15.8201C5.82723 14.8909 7.08714 14.3681 8.40134 14.3665H16.4873C17.8015 14.3681 19.0614 14.8909 19.9907 15.8201C20.92 16.7494 21.4427 18.0093 21.4443 19.3235V24.3665Z" fill="#fff"/>
230 
+                                        <path d="M12.4443 12.3665C11.2577 12.3665 10.0976 12.0146 9.11092 11.3553C8.12422 10.696 7.35519 9.75898 6.90106 8.66262C6.44694 7.56626 6.32812 6.35986 6.55963 5.19598C6.79114 4.03209 7.36258 2.96299 8.2017 2.12388C9.04081 1.28476 10.1099 0.713318 11.2738 0.481807C12.4377 0.250296 13.6441 0.369116 14.7404 0.823242C15.8368 1.27737 16.7739 2.0464 17.4332 3.0331C18.0924 4.01979 18.4443 5.17983 18.4443 6.36652C18.4427 7.95733 17.8101 9.48253 16.6852 10.6074C15.5604 11.7323 14.0352 12.3649 12.4443 12.3665ZM12.4443 2.36652C11.6532 2.36652 10.8799 2.60111 10.2221 3.04064C9.56426 3.48017 9.05157 4.10488 8.74882 4.83579C8.44607 5.56669 8.36686 6.37096 8.5212 7.14688C8.67554 7.9228 9.0565 8.63554 9.61591 9.19495C10.1753 9.75436 10.8881 10.1353 11.664 10.2897C12.4399 10.444 13.2442 10.3648 13.9751 10.062C14.706 9.75929 15.3307 9.2466 15.7702 8.5888C16.2097 7.931 16.4443 7.15764 16.4443 6.36652C16.4443 5.30565 16.0229 4.28824 15.2728 3.53809C14.5226 2.78795 13.5052 2.36652 12.4443 2.36652Z" fill="#fff"/>
231 
+                                    </g>
232 
+                                    <defs>
233 
+                                        <clipPath id="clip0">
234 
+                                            <rect width="24" height="24" fill="white" transform="translate(0.444336 0.366516)"/>
235 
+                                        </clipPath>
236 
+                                    </defs>
237 
+                                </svg>
208 238 
                                 </a>
209 239 
                                 </div>
210 240 
                                 <div class="same-style header-cart">
211 241 
                                 <a class="cart-active1 position-relative" href="/shopping-cart.html">
212 
-                                <svg  style="width:20px;" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" class="icon" data-di-res-id="e576e1a9-90f52cd9" data-di-rand="1682677695656"><path  fill="#fff"  d="M72.848 70.25c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11 4.925-11 11-11zm-35 0c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11c0-6.074 4.926-11 11-11zm35 7a4 4 0 10.002 8.001 4 4 0 00-.002-8.001zm-35 0a4 4 0 100 8 4 4 0 000-8zM13.892 3.75c2.287 0 4.376 1.55 5.058 3.72l.064.22 2.97 11.187h68.128a4.727 4.727 0 014.661 5.786l-.048.2-9.559 36.291c-.583 2.216-2.618 3.842-4.894 3.944l-.228.005H30.06c-2.287 0-4.377-1.55-5.06-3.72l-.063-.219-13.124-49.413-10.7.006-.004-8 12.782-.007zm72.03 23.127H24.108l8.027 30.226H77.96l7.962-30.226z"></path></svg>
213 
-
242 
+                                <svg class="cart_icon" width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
243 
+                                    <g clip-path="url(#clip0)">
244 
+                                        <path d="M24.4941 3.36652H4.73614L4.69414 3.01552C4.60819 2.28593 4.25753 1.61325 3.70863 1.12499C3.15974 0.636739 2.45077 0.366858 1.71614 0.366516L0.494141 0.366516V2.36652H1.71614C1.96107 2.36655 2.19748 2.45647 2.38051 2.61923C2.56355 2.78199 2.68048 3.00626 2.70914 3.24952L4.29414 16.7175C4.38009 17.4471 4.73076 18.1198 5.27965 18.608C5.82855 19.0963 6.53751 19.3662 7.27214 19.3665H20.4941V17.3665H7.27214C7.02705 17.3665 6.79052 17.2764 6.60747 17.1134C6.42441 16.9505 6.30757 16.7259 6.27914 16.4825L6.14814 15.3665H22.3301L24.4941 3.36652ZM20.6581 13.3665H5.91314L4.97214 5.36652H22.1011L20.6581 13.3665Z" fill="#fff"/>
245 
+                                        <path d="M7.49414 24.3665C8.59871 24.3665 9.49414 23.4711 9.49414 22.3665C9.49414 21.2619 8.59871 20.3665 7.49414 20.3665C6.38957 20.3665 5.49414 21.2619 5.49414 22.3665C5.49414 23.4711 6.38957 24.3665 7.49414 24.3665Z" fill="#fff"/>
246 
+                                        <path d="M17.4941 24.3665C18.5987 24.3665 19.4941 23.4711 19.4941 22.3665C19.4941 21.2619 18.5987 20.3665 17.4941 20.3665C16.3896 20.3665 15.4941 21.2619 15.4941 22.3665C15.4941 23.4711 16.3896 24.3665 17.4941 24.3665Z" fill="#fff"/>
247 
+                                    </g>
248 
+                                    <defs>
249 
+                                        <clipPath id="clip0">
250 
+                                            <rect width="24" height="24" fill="white" transform="translate(0.494141 0.366516)"/>
251 
+                                        </clipPath>
252 
+                                    </defs>
253 
+                                </svg>
214 254 
                                 <span class="position-absolute cartnumcount d-none" >0</span>
215 255 
                                 </a>
216 256 
                                 </div>
217 257 
                             </div>
218 258 
                         </div>
219 259 
                     </div>
260 
+                    <div class="sub_nav_container bg-white d-none border-top" style="
261 
+                        box-shadow: 0 6PX 16PX 0 #1919190f;
262 
+                        -webkit-backdrop-filter: blur(6px);
263 
+                        backdrop-filter: blur(6px);">
264 
+                        <div class="container">
265 
+                            <div class="d-flex justify-content-between">
266 
+                           <span class="d-flex align-items-center font-weight-600">
267 
+                           <h2 class="titleproductnav sub_nav_item me-3 fs-9"></h2></span>
268 
+                                <ul class="d-flex mb-0 py-3  justify-content-center align-items-center" style="list-style:none;">
269 
+                                    <li>
270 
+                                        <a data-overview="#${window.location.href.includes('Zeno')?'overview_data_zeno':'overview_data_fyro'}" class="sub_nav_item overview me-3 fs-9">Overview</a>
271 
+                                    </li>
272 
+                                    <li>
273 
+                                        <a data-spec="true" class="sub_nav_item me-3 fs-9 overviewspecs">Specifications</a>
274 
+                                    </li>
275 
+                                    <li>
276 
+                                        <a href="#"  class="font-12p btn btn-dark button_dark sub_nav_item text-white">Buy now</a>
277 
+                                    </li>
278 
+                                </ul>
279 
+                            </div>
280 
+                        </div>
281 
+                    </div>
220 282 
                 </div>
221 283 
             </div>
222 284 
             <div class="header-small-device header-small-ptb sticky-bar py-md-2 py-2 bg-white">
 
@@ -241,10 +303,34 @@ function navINIT() {
241 303 
                         <div class="col-6">
242 304 
                             <div class="header-action-wrap header-action-flex header-action-mrg-1">
243 305 
                                 <div class="same-style">
244 
-                                <a href="/myaccount.html" class="my_avatar"> <svg style="width:22px;" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" class="icon" data-di-res-id="e576e1a9-2f4a9ed6" data-di-rand="1682677695656"><path fill="#fff" d="M48 50c17.346 0 32 14.221 32 31.054V89c0 2.757-2.243 5-5 5H21c-2.757 0-5-2.243-5-5v-7.946C16 64.221 30.654 50 48 50zm0 8c-12.785 0-24 10.773-24 23.054V86h48v-4.946C72 68.773 60.785 58 48 58zm-.002-56c12.133 0 22.003 9.87 22.003 22.001C70 36.131 60.13 46 47.998 46c-12.13 0-21.997-9.869-21.997-21.999C26 11.87 35.867 2 47.998 2zm0 8c-7.718 0-13.997 6.281-13.997 14.001C34 31.72 40.28 38 47.998 38 55.718 38 62 31.72 62 24.001 62 16.281 55.719 10 47.998 10z"></path></svg></a>
306 
+                                <a href="/myaccount.html" class="my_avatar">
307 
+                                    <svg class="user-icon" width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" data-di-res-id="e576e1a9-2f4a9ed6" data-di-rand="1682677695656">
308 
+                                    <g clip-path="url(#clip0)">
309 
+                                        <path d="M21.4443 24.3665H19.4443V19.3235C19.4435 18.5395 19.1317 17.7879 18.5774 17.2335C18.023 16.6791 17.2713 16.3673 16.4873 16.3665H8.40134C7.61733 16.3673 6.86567 16.6791 6.3113 17.2335C5.75693 17.7879 5.44513 18.5395 5.44434 19.3235V24.3665H3.44434V19.3235C3.44592 18.0093 3.96869 16.7494 4.89796 15.8201C5.82723 14.8909 7.08714 14.3681 8.40134 14.3665H16.4873C17.8015 14.3681 19.0614 14.8909 19.9907 15.8201C20.92 16.7494 21.4427 18.0093 21.4443 19.3235V24.3665Z" fill="#fff"/>
310 
+                                        <path d="M12.4443 12.3665C11.2577 12.3665 10.0976 12.0146 9.11092 11.3553C8.12422 10.696 7.35519 9.75898 6.90106 8.66262C6.44694 7.56626 6.32812 6.35986 6.55963 5.19598C6.79114 4.03209 7.36258 2.96299 8.2017 2.12388C9.04081 1.28476 10.1099 0.713318 11.2738 0.481807C12.4377 0.250296 13.6441 0.369116 14.7404 0.823242C15.8368 1.27737 16.7739 2.0464 17.4332 3.0331C18.0924 4.01979 18.4443 5.17983 18.4443 6.36652C18.4427 7.95733 17.8101 9.48253 16.6852 10.6074C15.5604 11.7323 14.0352 12.3649 12.4443 12.3665ZM12.4443 2.36652C11.6532 2.36652 10.8799 2.60111 10.2221 3.04064C9.56426 3.48017 9.05157 4.10488 8.74882 4.83579C8.44607 5.56669 8.36686 6.37096 8.5212 7.14688C8.67554 7.9228 9.0565 8.63554 9.61591 9.19495C10.1753 9.75436 10.8881 10.1353 11.664 10.2897C12.4399 10.444 13.2442 10.3648 13.9751 10.062C14.706 9.75929 15.3307 9.2466 15.7702 8.5888C16.2097 7.931 16.4443 7.15764 16.4443 6.36652C16.4443 5.30565 16.0229 4.28824 15.2728 3.53809C14.5226 2.78795 13.5052 2.36652 12.4443 2.36652Z" fill="#fff"/>
311 
+                                    </g>
312 
+                                    <defs>
313 
+                                        <clipPath id="clip0">
314 
+                                            <rect width="24" height="24" fill="white" transform="translate(0.444336 0.366516)"/>
315 
+                                        </clipPath>
316 
+                                    </defs>
317 
+                                </svg>
318 
+                                </a>
245 319 
                                 </div>
246 
-                                <div class="same-style header-cart">
247 
-                                <a class="cart-active1 position-relative" href="/shopping-cart.html"> <svg  style="width:22px;" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" class="icon" data-di-res-id="e576e1a9-90f52cd9" data-di-rand="1682677695656"><path  fill="#fff"  d="M72.848 70.25c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11 4.925-11 11-11zm-35 0c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11c0-6.074 4.926-11 11-11zm35 7a4 4 0 10.002 8.001 4 4 0 00-.002-8.001zm-35 0a4 4 0 100 8 4 4 0 000-8zM13.892 3.75c2.287 0 4.376 1.55 5.058 3.72l.064.22 2.97 11.187h68.128a4.727 4.727 0 014.661 5.786l-.048.2-9.559 36.291c-.583 2.216-2.618 3.842-4.894 3.944l-.228.005H30.06c-2.287 0-4.377-1.55-5.06-3.72l-.063-.219-13.124-49.413-10.7.006-.004-8 12.782-.007zm72.03 23.127H24.108l8.027 30.226H77.96l7.962-30.226z"></path></svg>
320 
+                                <div class="same-style header-cart ms-3">
321 
+                                <a class="cart-active1 position-relative" href="/shopping-cart.html">
322 
+                                <svg class="cart_icon icon" width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" data-di-res-id="e576e1a9-90f52cd9" data-di-rand="1682677695656">
323 
+                                    <g clip-path="url(#clip0)">
324 
+                                        <path d="M24.4941 3.36652H4.73614L4.69414 3.01552C4.60819 2.28593 4.25753 1.61325 3.70863 1.12499C3.15974 0.636739 2.45077 0.366858 1.71614 0.366516L0.494141 0.366516V2.36652H1.71614C1.96107 2.36655 2.19748 2.45647 2.38051 2.61923C2.56355 2.78199 2.68048 3.00626 2.70914 3.24952L4.29414 16.7175C4.38009 17.4471 4.73076 18.1198 5.27965 18.608C5.82855 19.0963 6.53751 19.3662 7.27214 19.3665H20.4941V17.3665H7.27214C7.02705 17.3665 6.79052 17.2764 6.60747 17.1134C6.42441 16.9505 6.30757 16.7259 6.27914 16.4825L6.14814 15.3665H22.3301L24.4941 3.36652ZM20.6581 13.3665H5.91314L4.97214 5.36652H22.1011L20.6581 13.3665Z" fill="#fff"/>
325 
+                                        <path d="M7.49414 24.3665C8.59871 24.3665 9.49414 23.4711 9.49414 22.3665C9.49414 21.2619 8.59871 20.3665 7.49414 20.3665C6.38957 20.3665 5.49414 21.2619 5.49414 22.3665C5.49414 23.4711 6.38957 24.3665 7.49414 24.3665Z" fill="#fff"/>
326 
+                                        <path d="M17.4941 24.3665C18.5987 24.3665 19.4941 23.4711 19.4941 22.3665C19.4941 21.2619 18.5987 20.3665 17.4941 20.3665C16.3896 20.3665 15.4941 21.2619 15.4941 22.3665C15.4941 23.4711 16.3896 24.3665 17.4941 24.3665Z" fill="#fff"/>
327 
+                                    </g>
328 
+                                    <defs>
329 
+                                        <clipPath id="clip0">
330 
+                                            <rect width="24" height="24" fill="white" transform="translate(0.494141 0.366516)"/>
331 
+                                        </clipPath>
332 
+                                    </defs>
333 
+                                </svg>
248 334 
                                 <span class="position-absolute cartnumcount d-none"  style="top:-27%;right:-80%">0</span>
249 335 
                                 </a>
250 336 
                                 </div>
 
@@ -280,11 +366,66 @@ function navINIT() {
280 366 
                     <div class="clickable-mainmenu-wrap clickable-mainmenu-style1">
281 367 
                         <nav>
282 368 
                             <ul class="pl-0">
283 
-                                <li class=""><a href="./ramproducts.html" class="satoshi_font">RAM</a></li>
284 
-                                <li class=""><a href="./storageproducts.html" class="satoshi_font">STORAGE</a></li>
369 
+
370 
+
371 
+
372 
+                                <li class="expandlinav">
373 
+                                <div class="d-flex justify-content-between explandlinavnameparent">
374 
+                                    <span class="explandlinavname">LAPTOP</span><span data-name="laptops.html" class=" viewall_li">+</span>
375 
+                                </div>
376 
+                               <div class="content-expandlinav pt-2 d-none">
377 
+                               <a class="h-100 p-1 zenosleekbook" href="/laptopdetails.html?Zeno#productId={106633230000029}">
378 
+                                    <div class="ps-2">
379 
+                                    Zeno Sleekbook
380 
+                                    </div>
381 
+                                </a>
382 
+                                <a class="h-100 p-1 fyroflagship" href="/laptopdetails.html?Fyro#productId={106633230000031}">
383 
+                                    <div class="ps-2">Fyro Flagship  </div>
384 
+                                    </a>
385 
+                                    <a class="h-100 p-1 zenodualbook" href="/laptopdetails.html?Zeno#productId={106633230000030}">
386 
+                                    <div class="ps-2">Zeno Dual Book   </div>
387 
+                                    </a>
388 
+                               </div>
389 
+                                </li>
390 
+                                <li class="expandlinav">
391 
+                                <div class="d-flex justify-content-between explandlinavnameparent">
392 
+                                    <span class="explandlinavname">ALL IN ONES </span><span  data-name="allinones.html" class="viewall_li">+</span>
393 
+                                </div>
394 
+                               <div class="content-expandlinav pt-2 d-none">
395 
+                               <a class="h-100 p-1" href="/laptopdetails.html?AIO Zeno#productId=106633230000026#itemid=106633240000112">
396 
+                                    <div class="ps-2">
397 
+                                    Zeno All In One
398 
+                                    </div>
399 
+                                    </a>
400 
+                                    <a class="h-100 p-1" href="/laptopdetails.html?AIO Fyro#productId=106633230000027#itemid=106633240000126">
401 
+                                    <div class="ps-2">
402 
+                                    Fyro All iIn One
403 
+                                    </div>
404 
+                                    </a>
405 
+                               </div>
406 
+                                </li>
407 
+                                <li class="expandlinav">
408 
+                                 <div class="d-flex justify-content-between explandlinavnameparent">
409 
+                                   <span class="explandlinavname">ACCESSORIES </span><span  data-name="allinones.html" class="viewall_li">+</span>
410 
+                                  </div>
411 
+                                     <div class="content-expandlinav pt-2 d-none">
412 
+                                    <a class="h-100 p-1" href="/storageproducts.html">
413 
+                                     <div class="ps-2">
414 
+                                      Storage
415 
+                                     </div>
416 
+                                      </a>
417 
+                                   <a class="h-100 p-1" href="/ramproducts.html">
418 
+                                  <div class="ps-2">
419 
+                                   Memory
420 
+                                   </div>
421 
+                                  </a>
422 
+                                 </div>
423 
+                                 </li>
424 
+                                 <!--
425 
+                                 <li class=""><a href="./ramproducts.html" class="satoshi_font">MEMORY</a></li>
426 
+                                 <li class=""><a href="./storageproducts.html" class="satoshi_font">STORAGE</a></li> -->
285 427 
                                 <li class=""><a href="./support.html" class="satoshi_font" >SUPPORT</a></li>
286 428 
                                 <li class=""><a href="./press.html" class="satoshi_font">PRESS</a></li>
287 
-                                <li class=""><a href="./index1.html" class="satoshi_font">COMING SOON</a></li>
288 429 
                                 <li class=""><a href="./contact.html" class="satoshi_font">CONTACT</a></li>
289 430 
                             </ul>
290 431 
                         </nav>
 
@@ -313,6 +454,23 @@ function navINIT() {
313 454 
             </div>
314 455 
         </div>`;
315 456 
     $("#navbar-head").html(nav_html);
457 
+
458 
+    $('.explandlinavnameparent').click(function (e){
459 
+
460 
+        let parentElement = $(e.target).parents('.expandlinav');
461 
+        if($(parentElement).find('.content-expandlinav').hasClass('d-none')){
462 
+            const name = $(parentElement).find('.viewall_li').data('name');
463 
+            $(parentElement).find('.viewall_li').html(`<a href="${name}">view all</a>`);
464 
+            $(parentElement).find('.content-expandlinav').removeClass('d-none');
465 
+           }else{
466 
+            $(parentElement).find('.viewall_li').html('+');
467 
+            $(parentElement).find('.content-expandlinav').addClass('d-none');
468 
+           }
469 
+
470 
+       console.log($(e.target));
471 
+
472 
+    });
473 
+
316 474 
     let width = $(window).width();
317 475 
     $(".menu-negative-mrg2,.menu-negative-mrg3,.menu-negative-mrg4").css("width", width);
318 476 
     let ele_page = $("body").hasClass("product_pg");
 
@@ -321,7 +479,7 @@ function navINIT() {
321 479 
         $(".main-menu").find("nav ul li a").addClass("text-white");
322 480 
         $(".header-bottom.sticky-bar").removeClass("sticky-bar");
323 481 
         let src = `../dist/assets/imgs/anwi-logo-2.png`;
324 
-        $(".logo-menu-wrap").find("a img").attr("src", src);
482 
+        $(".logo-menu-wrap").find(".logo a img").attr("src", src);
325 483 
         $(".main-body").find("iframe").attr("width", width);
326 484 
         if (width <= 575 && width >= 390) {
327 485 
             $(".main-body").find("iframe").attr({
 
@@ -338,15 +496,26 @@ function navINIT() {
338 496 
                 width: width,
339 497 
                 height: 530,
340 498 
             });
341 
-        } else if (width <= 2720 && width > 1920) {
499 
+        } else if (width <= 2720 && width > 2300) {
342 500 
             $(".main-body").find("iframe").attr({
343 501 
                 width: width,
344 502 
                 height: 1440,
345 503 
             });
346 
-        } else {
504 
+        } else if(width <= 2300 && width > 1921){
347 505 
             $(".main-body").find("iframe").attr({
348 506 
                 width: width,
349 
-                height: 860,
507 
+                height: 1132,
508 
+            });
509 
+        }
510 
+        else if(width <= 1920 && width > 1620){
511 
+            $(".main-body").find("iframe").attr({
512 
+                width: width,
513 
+                height: 1083,
514 
+            });
515 
+        }else {
516 
+            $(".main-body").find("iframe").attr({
517 
+                width: width,
518 
+                height: 861,
350 519 
             });
351 520 
         }
352 521 
     }
 
@@ -388,6 +557,10 @@ function navINIT() {
388 557
389 558 
     //services pages links and sources
390 559
560 
+
561 
+
562 
+
563 
+
391 564 
     let $body_pg = $("body").hasClass("services_page");
392 565 
     let $hm_pg = "../index.html";
393 566 
     let $nav_img = "../dist/assets/imgs/anwi-logo-1.png";
 
@@ -395,10 +568,9 @@ function navINIT() {
395 568 
     let $scrool_top_img = "../dist/assets/imgs/Home/rocket-footer.png";
396 569 
     let $about_pg = $("body").hasClass("about_page");
397 570 
     if($about_pg == true){
398 
-        debugger
399 571 
         $(".main-menu").find("nav ul li a").addClass("text-dark");
400 572 
         let img_src = `./dist/assets/imgs/anwi-logo-1.png`;
401 
-        $(".logo-menu-wrap").find("a img").attr("src",img_src);
573 
+        $(".logo-menu-wrap").find(".logo a img").attr("src",img_src);
402 574 
         $(".header-bottom").addClass("sticky-bar stick");
403 575 
         $("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
404 576 
     }
 
@@ -406,7 +578,7 @@ function navINIT() {
406 578 
         $(".header-large-device").find(".logo-menu-wrap .logo").find("a").attr("href", $hm_pg);
407 579 
         $(".header-large-device").find(".logo-menu-wrap .logo").find("a img").attr("src", $nav_img);
408 580 
         $(".mobile-logo").find("a").attr("href", $hm_pg);
409 
-        $(".mobile-logo").find("a img").attr("src", $nav_img);
581 
+        $(".mobile-logo").find(".logo a img").attr("src", $nav_img);
410 582 
         $("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
411 583 
         $(".main-menu").find("nav ul").find("li a").each(function () {
412 584 
             $(this).addClass("text-dark")
 
@@ -447,7 +619,26 @@ function navINIT() {
447 619
448 620 
     setTimeout(()=>{
449 621 
         if(width<=600){
450 
-            $('.same-style').find('svg path').attr('fill','#000')
622 
+            $('.same-style').find('svg path').attr('fill','#000');
451 623 
         }
452 
-    },300)
624 
+    },300);
625 
+
626 
+    // overview
627 
+
628 
+    $('.overview').click(function (e){
629 
+        let name = $(e.target).data('overview');
630 
+
631 
+        document.querySelector(name)?.scrollIntoView({
632 
+            behavior: 'smooth'
633 
+        });
634 
+
635 
+    });
636 
+
637 
+    $('.overviewspecs').click(function (e){
638 
+        document.querySelector('#specification_data')?.scrollIntoView({
639 
+            behavior: 'smooth'
640 
+        });
641 
+    });
642 
+
643 
+
453 644 
 }

+ 366
- 262
dist/Js/navbar2.js Vedi File 

@@ -1,121 +1,226 @@
1 
-let nav_html = `
2 
-<header class="header-area section-padding-1 transparent-bar bg-white">
1 
+navINIT();
2 
+
3 
+function navINIT() {
4 
+    if(!window.location.href.includes('orderconfirmation')&&!window.location.href.includes('/w/')){
5 
+        loadCart();
6 
+    }
7 
+
8 
+    function loadHelper(src = './dist/js/utils/helpers.js'){
9 
+        if ($(`script[src="${src}"]`).length > 0) {
10 
+          return new Promise((resolve) => resolve());
11 
+        }
12 
+        return new Promise(function (resolve, reject) {
13 
+            var s;
14 
+            s = document.createElement('script');
15 
+            s.src = src;
16 
+            s.onload = resolve;
17 
+            s.onerror = reject;
18 
+            document.head.appendChild(s);
19 
+        });
20 
+    }
21 
+    async function loadCart(){
22 
+
23 
+        if(!window.location.href.includes('services/paymentmethod.html')){
24 
+            let files = ['./dist/js/shoppingcart/addtocart.js'];
25 
+            await loadHelper();
26 
+            for(let i=0;i<files.length;i++){
27 
+                if ($(`script[src="${files[i]}"]`).length > 0) {
28 
+                    continue;
29 
+                }
30 
+                try {
31 
+
32 
+                    await loadHelper(files[i])
33 
+                    console.log("done");
34 
+
35 
+                } catch (error) {
36 
+                    console.log(error);
37 
+                    return;
38 
+                }
39 
+            }
40 
+        }
41 
+
42 
+         setLengthCart();
43 
+        //console.log("hello");
44 
+
45 
+
46 
+
47 
+
48 
+    }
49 
+    let URLNAMENAV = window.location.href;
50 
+    const isTransparent = URLNAMENAV.includes('login')||URLNAMENAV.includes('orderconfirmation')|| URLNAMENAV.includes('services/paymentmethod.html');
51 
+    let nav_html = `
52 
+<header class="header-area section-padding-1 transparent-bar" ${isTransparent ?'style="background:#0A1039"' :''}>
3 53 
             <div class="header-large-device">
4 54 
                 <div class="header-bottom sticky-bar">
5 55 
                     <div class="container">
6 56 
                         <div class="header-bottom-flex">
7 57 
                             <div class="logo-menu-wrap d-flex">
8 58 
                                 <div class="logo">
9 
-                                    <a href="index.html">
10 
-                                        <img src="./dist/assets/imgs/anwi-logo-1.png" alt="logo" class="w-50">
59 
+                                    <a href="../index.html">
60 
+                                        <img src="/dist/assets/imgs/anwi-logo-2.png" alt="logo" class="w-50">
11 61 
                                     </a>
12 62 
                                 </div>
13 63 
                                 <div class="main-menu menu-lh-1 main-menu-padding-1">
14 64 
                                     <nav>
15 65 
                                         <ul class="mb-0 p-0">
16 
-                                            <li><a href="#" class="satoshi_font">LAPTOP</a>
17 
-                                                <ul class="mega-menu-style-1 border-top mega-menu-width2 menu-negative-mrg2 shadow d-flex justify-content-center">
18 
-                                                    <li class="mega-menu-sub-width20 p-0 me-4"><a class="menu-title" href="#">Shop Layout</a>
19 
-                                                        <a class="dropdown-item" href="./allinone34inch.html">
20 
-                                                            <div class="dropdown-item-img text-center mb-2 hover-zoom">
21 
-                                                                <img src="../dist/assets/imgs/allinone14inch/preview-front.png" alt="Laptop-img" class="img-fluid mx-auto">
22 
-                                                            </div>
23 
-                                                            <div class="dropdown-item-content">
24 
-                                                                <h6 class="dropdown-item-title text-center satoshi_font px-2  fs-9">ZENO 14-inch</h6>
25 
-                                                            </div>
26 
-                                                        </a>
66 
+                                        <li class="hover_tab_1"><a href="./storageproducts.html" class="satoshi_font">STORAGE</a>
67 
+                                        <ul class="py-3 px-3 rounded-bottom shadow">
68 
+                                            <li class="d-flex">
69 
+                                                <ul class="nav nav-pills flex-column w-200 border-end" id="experienceTab" role="tablist">
70 
+                                                    <li class="nav-item">
71 
+                                                        <a class="nav-link active text-dark" data-bs-toggle="tab" href="#ora3">ORA 3</a>
27 72 
                                                     </li>
28 
-                                                    <li class="mega-menu-sub-width20 p-0 d-none"><a class="menu-title" href="#">Product Layout</a>
29 
-                                                        <a class="dropdown-item " href="#">
30 
-                                                            <div class="dropdown-item-img text-center mb-2 hover-zoom">
31 
-                                                                <img src="../dist/assets/imgs/Navbar/Business-laptop.png" alt="Laptop-img" class="img-fluid mx-auto">
32 
-                                                            </div>
33 
-                                                            <div class="dropdown-item-content">
34 
-                                                                <h6 class="dropdown-item-title text-center satoshi_font px-2 fs-9">ZENO 15.6-inch Business Laptop</h6>
35 
-                                                            </div>
36 
-                                                        </a>
73 
+                                                    <li class="nav-item">
74 
+                                                        <a class="nav-link text-dark" data-bs-toggle="tab" href="#ora4">ORA 4</a>
37 75 
                                                     </li>
38 76 
                                                 </ul>
39 
-                                            </li>
40 
-                                            <li><a href="#" class="satoshi_font">ALL IN ONE</a>
41 
-                                                <ul class="mega-menu-style-1 border-top mega-menu-width2 menu-negative-mrg3  shadow d-flex justify-content-center">
42 
-                                                    <li class="me-4 p-0 mt-4">
43 
-                                                        <a class="dropdown-item" href="./allin_one.html">
44 
-                                                            <div class="dropdown-item-img text-center mb-2 hover-zoom">
45 
-                                                                <img src="../dist/assets/imgs/allin_imgs/desktop_1a.png" alt="Laptop-img" class="img-fluid mx-auto">
46 
-                                                            </div>
47 
-                                                            <div class="dropdown-item-content">
48 
-                                                                <h6 class="dropdown-item-title text-center satoshi_font fs-9">AIO 24-inch i5</h6>
77 
+                                                <ul class="nav w-500">
78 
+                                                    <li>
79 
+                                                    <div class="tab-content">
80 
+                                                        <div id="ora3" class="container tab-pane active">
81 
+                                                            <div class="row">
82 
+                                                                <div class="col-4">
83 
+                                                                    <div class="bg-gray-4 rounded-3 cursor-pointer">
84 
+                                                                        <img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
85 
+                                                                        <p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora3 M.2 NVMe 512GB</p>
86 
+                                                                    </div>
87 
+                                                                </div>
88 
+                                                                <div class="col-4">
89 
+                                                                    <div class="bg-gray-4 rounded-3 cursor-pointer">
90 
+                                                                         <img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
91 
+                                                                         <p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora3 M.2 NVMe 1TB</p>
92 
+                                                                    </div>
93 
+                                                                </div>
94 
+                                                                <div class="col-4">
95 
+                                                                    <div class="bg-gray-4 rounded-3 cursor-pointer">
96 
+                                                                        <img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
97 
+                                                                        <p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora3 M.2 NVMe 2TB</p>
98 
+                                                                    </div>
99 
+                                                                </div>
49 100 
                                                             </div>
50 
-                                                        </a>
51 
-                                                    </li>
52 
-                                                    <li class="p-0 d-none">
53 
-                                                        <a class="dropdown-item " href="#">
54 
-                                                            <div class="dropdown-item-img text-center mb-2 hover-zoom">
55 
-                                                                <img src="../dist/assets/imgs/Navbar/Compact-cpu.png" alt="Laptop-img" class="img-fluid mx-auto">
56 
-                                                            </div>
57 
-                                                            <div class="dropdown-item-content">
58 
-                                                                <h6 class="dropdown-item-title text-center satoshi_font fs-9">34 inch AIO i7 4K</h6>
101 
+                                                        </div>
102 
+                                                        <div id="ora4" class="container tab-pane fade">
103 
+                                                            <div class="row">
104 
+                                                                <div class="col-4">
105 
+                                                                    <div class="bg-gray-4 rounded-3 cursor-pointer">
106 
+                                                                        <img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
107 
+                                                                        <p class="fs-7 fw-600 mb-0 text-a-color text-center  pb-1">Ora4 M.2 NVMe 512GB</p>
108 
+                                                                    </div>
109 
+                                                                </div>
110 
+                                                                <div class="col-4">
111 
+                                                                    <div class="bg-gray-4 rounded-3 cursor-pointer">
112 
+                                                                        <img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
113 
+                                                                        <p class="fs-7 fw-600 mb-0 text-a-color text-center  pb-1">Ora4 M.2 NVMe 1TB</p>
114 
+                                                                    </div>
115 
+                                                                </div>
116 
+                                                                <div class="col-4">
117 
+                                                                    <div class="bg-gray-4 rounded-3 cursor-pointer">
118 
+                                                                        <img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
119 
+                                                                        <p class="fs-7 fw-600 mb-0 text-a-color text-center  pb-1">Ora4 M.2 NVMe 2TB</p>
120 
+                                                                    </div>
121 
+                                                                </div>
59 122 
                                                             </div>
60 
-                                                        </a>
61 
-                                                    </li>
123 
+                                                        </div>
124 
+                                                  </div>
125 
+                                                </li>
62 126 
                                                 </ul>
63 127 
                                             </li>
64 
-                                            <li><a href="#" class="satoshi_font product_data" item_id="106633220000002">ACCESSORIES</a>
65 
-                                                <ul class="mega-menu-style-1 border-top mega-menu-width2 menu-negative-mrg4  shadow d-flex justify-content-center">
66 
-                                                    <li class="me-4 p-0">
67 
-                                                        <a class="dropdown-item ram_data cursor-pointer" href="../ramproducts.html" accessories_id="106633220000007">
68 
-                                                            <div class="dropdown-item-img text-center mb-2 hover-zoom">
69 
-                                                                <img src="../dist/assets/imgs/Navbar/ram_img.png" alt="Laptop-img" class="h-120p img-fluid mx-auto">
128 
+                                        </ul>
129 
+                                    </li>
130 
+                                    <li class="hover_tab_2"><a href="./ramproducts.html" class="satoshi_font">MEMORY</a>
131 
+                                    <ul class="py-3 px-3 rounded-bottom shadow">
132 
+                                    <li class="d-flex">
133 
+                                        <ul class="nav nav-pills flex-column w-200 border-end" id="experienceTab" role="tablist">
134 
+                                            <li class="nav-item">
135 
+                                                <a class="nav-link active text-dark" data-bs-toggle="tab" href="#laptop">Laptop</a>
136 
+                                            </li>
137 
+                                            <li class="nav-item">
138 
+                                                <a class="nav-link text-dark" data-bs-toggle="tab" href="#desktop">Desktop</a>
139 
+                                            </li>
140 
+                                        </ul>
141 
+                                        <ul class="nav w-500">
142 
+                                            <li>
143 
+                                            <div class="tab-content">
144 
+                                                <div id="laptop" class="container tab-pane active">
145 
+                                                    <div class="row">
146 
+                                                        <div class="col-4">
147 
+                                                            <div class="bg-gray-4 rounded-3 cursor-pointer">
148 
+                                                                <img src="./dist/assets/imgs/Navbar/ora_ddr4_laptop.png" alt="ora img" class=""/>
149 
+                                                                <p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora 8GB DDR5</p>
70 150 
                                                             </div>
71 
-                                                            <div class="dropdown-item-content">
72 
-                                                                <h6 class="dropdown-item-title text-center satoshi_font px-2  fs-9">RAM</h6>
151 
+                                                        </div>
152 
+                                                        <div class="col-4">
153 
+                                                            <div class="bg-gray-4 rounded-3 cursor-pointer">
154 
+                                                                 <img src="./dist/assets/imgs/Navbar/ora_ddr5_laptop.png" alt="ora img" class=""/>
155 
+                                                                 <p class="fs-7 fw-600 mb-0 text-a-color text-center  pb-1">Ora 16GB DDR5</p>
73 156 
                                                             </div>
74 
-                                                        </a>
75 
-                                                    </li>
76 
-                                                    <li class="p-0">
77 
-                                                        <a class="dropdown-item" href="../storageproducts.html">
78 
-                                                            <div class="dropdown-item-img text-center mb-2 hover-zoom">
79 
-                                                                <img src="../dist/assets/imgs/Navbar/ora3_ram.png" alt="Laptop-img" class="h-120p img-fluid mx-auto">
157 
+                                                        </div>
158 
+                                                        <div class="col-4 ">
159 
+                                                            <div class="bg-gray-4 rounded-3 cursor-pointer">
160 
+                                                                 <img src="./dist/assets/imgs/Navbar/ora_ddr5_laptop.png" alt="ora img" class=""/>
161 
+                                                                 <p class="fs-7 fw-600 mb-0 text-a-color text-center  pb-1">Ora 32GB DDR5</p>
80 162 
                                                             </div>
81 
-                                                            <div class="dropdown-item-content">
82 
-                                                                <h6 class="dropdown-item-title text-center satoshi_font px-2 fs-9">Storage</h6>
163 
+                                                        </div>
164 
+                                                    </div>
165 
+                                                </div>
166 
+                                                <div id="desktop" class="container tab-pane fade">
167 
+                                                    <div class="row">
168 
+                                                        <div class="col-4">
169 
+                                                            <div class="bg-gray-4 rounded-3 cursor-pointer">
170 
+                                                                <img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" alt="ora img" class=""/>
171 
+                                                                <p class="fs-7 fw-600 mb-0 text-a-color text-center  pb-1">Ora 8GB DDR4</p>
83 172 
                                                             </div>
84 
-                                                        </a>
85 
-                                                    </li>
86 
-                                                </ul>
87 
-                                            </li>
88 
-                                            <li>
89 
-                                            <a href="./support.html" class="satoshi_font">SUPPORT</a>
90 
-                                            </li>
173 
+                                                        </div>
174 
+                                                        <div class="col-4">
175 
+                                                            <div class="bg-gray-4 rounded-3 cursor-pointer">
176 
+                                                                <img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" alt="ora img" class=""/>
177 
+                                                                <p class="fs-7 fw-600 mb-0 text-a-color text-center  pb-1">Ora 16GB DDR4</p>
178 
+                                                            </div>
179 
+                                                        </div>
180 
+                                                        <div class="col-4">
181 
+                                                            <div class="bg-gray-4 rounded-3 cursor-pointer">
182 
+                                                                 <img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" alt="ora img" class=""/>
183 
+                                                                 <p class="fs-7 fw-600 mb-0 text-a-color text-center  pb-1">Ora 32GB DDR4</p>
184 
+                                                            </div>
185 
+                                                        </div>
186 
+                                                    </div>
187 
+                                                </div>
188 
+                                          </div>
189 
+                                        </li>
190 
+                                        </ul>
191 
+                                    </li>
192 
+                                </ul>
193 
+                                    </li>
194 
+                                            <li><a href="./support.html" class="satoshi_font">SUPPORT</a></li>
195 
+                                            <li><a href="./press.html" class="satoshi_font">PRESS</a></li>
196 
+                                            <li><a href="./index1.html" class="satoshi_font">COMING SOON</a></li>
197 
+                                            <li><a href="./contact.html" class="satoshi_font">CONTACT</a></li>
198 
+                                            <li class="d-none"><a href="#" class="satoshi_font product_data" item_id="106633220000002">ACCESSORIES</a></li>
91 199 
                                         </ul>
92 200 
                                     </nav>
93 201 
                                 </div>
94 202 
                             </div>
95 203 
                             <div class="header-action-wrap header-action-flex header-action-width header-action-mrg-1">
96 
-                                <div class="search-style-1 d-none">
97 
-                                    <form>
98 
-                                        <div class="form-search-1">
99 
-                                            <input class="input-text" value="" placeholder="Type to search (Ex: Phone, Laptop)" type="search">
100 
-                                            <button>
101 
-                                                <i class="icofont-search-1"></i>
102 
-                                            </button>
103 
-                                        </div>
104 
-                                    </form>
105 
-                                </div>
106 204 
                                 <div class="same-style">
107 
-                                    <a href="login.html"><i class="fa-solid fa-user"></i></a>
205 
+                                <a href="/myaccount.html" class="my_avatar">
206 
+
207 
+                                <svg style="width:20px;" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" class="icon" data-di-res-id="e576e1a9-2f4a9ed6" data-di-rand="1682677695656"><path fill="#fff" d="M48 50c17.346 0 32 14.221 32 31.054V89c0 2.757-2.243 5-5 5H21c-2.757 0-5-2.243-5-5v-7.946C16 64.221 30.654 50 48 50zm0 8c-12.785 0-24 10.773-24 23.054V86h48v-4.946C72 68.773 60.785 58 48 58zm-.002-56c12.133 0 22.003 9.87 22.003 22.001C70 36.131 60.13 46 47.998 46c-12.13 0-21.997-9.869-21.997-21.999C26 11.87 35.867 2 47.998 2zm0 8c-7.718 0-13.997 6.281-13.997 14.001C34 31.72 40.28 38 47.998 38 55.718 38 62 31.72 62 24.001 62 16.281 55.719 10 47.998 10z"></path></svg>
208 
+                                </a>
108 209 
                                 </div>
109 210 
                                 <div class="same-style header-cart">
110 
-                                    <a class="cart-active1" href="#"><i class="fa-solid fa-cart-shopping"></i></a>
211 
+                                <a class="cart-active1 position-relative" href="/shopping-cart.html">
212 
+                                <svg  style="width:20px;" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" class="icon" data-di-res-id="e576e1a9-90f52cd9" data-di-rand="1682677695656"><path  fill="#fff"  d="M72.848 70.25c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11 4.925-11 11-11zm-35 0c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11c0-6.074 4.926-11 11-11zm35 7a4 4 0 10.002 8.001 4 4 0 00-.002-8.001zm-35 0a4 4 0 100 8 4 4 0 000-8zM13.892 3.75c2.287 0 4.376 1.55 5.058 3.72l.064.22 2.97 11.187h68.128a4.727 4.727 0 014.661 5.786l-.048.2-9.559 36.291c-.583 2.216-2.618 3.842-4.894 3.944l-.228.005H30.06c-2.287 0-4.377-1.55-5.06-3.72l-.063-.219-13.124-49.413-10.7.006-.004-8 12.782-.007zm72.03 23.127H24.108l8.027 30.226H77.96l7.962-30.226z"></path></svg>
213 
+
214 
+                                <span class="position-absolute cartnumcount d-none" >0</span>
215 
+                                </a>
111 216 
                                 </div>
112 217 
                             </div>
113 218 
                         </div>
114 219 
                     </div>
115 220 
                 </div>
116 221 
             </div>
117 
-            <div class="header-small-device header-small-ptb sticky-bar py-md-2 py-2">
118 
-                <div class="container-fluid">
222 
+            <div class="header-small-device header-small-ptb sticky-bar py-md-2 py-2 bg-white">
223 
+                <div class="container-fluid px-4">
119 224 
                     <div class="row align-items-center">
120 225 
                         <div class="col-6 header-action-wrap">
121 226 
                             <div class="d-flex">
 
@@ -127,8 +232,8 @@ let nav_html = `
127 232 
                                     </button>
128 233 
                                 </div>
129 234 
                                 <div class="mobile-logo mobile-logo-width ps-3">
130 
-                                    <a href="index.html">
131 
-                                        <img alt="" src="./dist/assets/imgs/anwi-logo-1.png" class="w-50">
235 
+                                    <a href="../index.html">
236 
+                                        <img alt="" src="/dist/assets/imgs/anwi-logo-1.png" class="w-50">
132 237 
                                     </a>
133 238 
                                 </div>
134 239 
                             </div>
 
@@ -136,10 +241,12 @@ let nav_html = `
136 241 
                         <div class="col-6">
137 242 
                             <div class="header-action-wrap header-action-flex header-action-mrg-1">
138 243 
                                 <div class="same-style">
139 
-                                    <a href="login.html"><i class="fa-solid fa-user"></i></a>
244 
+                                <a href="/myaccount.html" class="my_avatar"> <svg style="width:22px;" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" class="icon" data-di-res-id="e576e1a9-2f4a9ed6" data-di-rand="1682677695656"><path fill="#fff" d="M48 50c17.346 0 32 14.221 32 31.054V89c0 2.757-2.243 5-5 5H21c-2.757 0-5-2.243-5-5v-7.946C16 64.221 30.654 50 48 50zm0 8c-12.785 0-24 10.773-24 23.054V86h48v-4.946C72 68.773 60.785 58 48 58zm-.002-56c12.133 0 22.003 9.87 22.003 22.001C70 36.131 60.13 46 47.998 46c-12.13 0-21.997-9.869-21.997-21.999C26 11.87 35.867 2 47.998 2zm0 8c-7.718 0-13.997 6.281-13.997 14.001C34 31.72 40.28 38 47.998 38 55.718 38 62 31.72 62 24.001 62 16.281 55.719 10 47.998 10z"></path></svg></a>
140 245 
                                 </div>
141 246 
                                 <div class="same-style header-cart">
142 
-                                    <a class="cart-active1" href="./shopping-cart.html"><i class="fa-solid fa-cart-shopping"></i></a>
247 
+                                <a class="cart-active1 position-relative" href="/shopping-cart.html"> <svg  style="width:22px;" viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" class="icon" data-di-res-id="e576e1a9-90f52cd9" data-di-rand="1682677695656"><path  fill="#fff"  d="M72.848 70.25c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11 4.925-11 11-11zm-35 0c6.075 0 11 4.925 11 11s-4.925 11-11 11-11-4.925-11-11c0-6.074 4.926-11 11-11zm35 7a4 4 0 10.002 8.001 4 4 0 00-.002-8.001zm-35 0a4 4 0 100 8 4 4 0 000-8zM13.892 3.75c2.287 0 4.376 1.55 5.058 3.72l.064.22 2.97 11.187h68.128a4.727 4.727 0 014.661 5.786l-.048.2-9.559 36.291c-.583 2.216-2.618 3.842-4.894 3.944l-.228.005H30.06c-2.287 0-4.377-1.55-5.06-3.72l-.063-.219-13.124-49.413-10.7.006-.004-8 12.782-.007zm72.03 23.127H24.108l8.027 30.226H77.96l7.962-30.226z"></path></svg>
248 
+                                <span class="position-absolute cartnumcount d-none"  style="top:-27%;right:-80%">0</span>
249 
+                                </a>
143 250 
                                 </div>
144 251 
                             </div>
145 252 
                         </div>
 
@@ -147,56 +254,14 @@ let nav_html = `
147 254 
                 </div>
148 255 
             </div>
149 256 
         </header>
150 
-        <!-- mini cart start -->
151 
-        <div class="sidebar-cart-active">
152 
-            <div class="sidebar-cart-all">
153 
-                <a class="cart-close" href="#"><i class="fa-solid fa-xmark"></i></a>
154 
-                <div class="cart-content">
155 
-                    <h3 class="satoshi_font">Shopping Cart</h3>
156 
-                    <ul>
157 
-                        <li class="single-product-cart">
158 
-                            <div class="cart-img">
159 
-                                <a href="#"><img src="assets/images/cart/cart-1.jpg" alt=""></a>
160 
-                            </div>
161 
-                            <div class="cart-title">
162 
-                                <h4><a href="#" class="satoshi_font">Awesome Mobile</a></h4>
163 
-                                <span class="satoshi_font"> 1 × $49.00	</span>
164 
-                            </div>
165 
-                            <div class="cart-delete">
166 
-                                <a href="#" class="satoshi_font">×</a>
167 
-                            </div>
168 
-                        </li>
169 
-                        <li class="single-product-cart">
170 
-                            <div class="cart-img">
171 
-                                <a href="#"><img src="assets/images/cart/cart-2.jpg" alt=""></a>
172 
-                            </div>
173 
-                            <div class="cart-title">
174 
-                                <h4><a href="#" class="satoshi_font">Smart Watch</a></h4>
175 
-                                <span class="satoshi_font"> 1 × $49.00	</span>
176 
-                            </div>
177 
-                            <div class="cart-delete">
178 
-                                <a href="#" class="satoshi_font">×</a>
179 
-                            </div>
180 
-                        </li>
181 
-                    </ul>
182 
-                    <div class="cart-total">
183 
-                        <h4 class="satoshi_font">Subtotal: <span class="satoshi_font">$170.00</span></h4>
184 
-                    </div>
185 
-                    <div class="cart-checkout-btn d-flex">
186 
-                        <a class="btn-hover cart-btn-style satoshi_font mx-1" href="cart.html">view cart</a>
187 
-                        <a class="no-mrg btn-hover cart-btn-style satoshi_font m-0" href="checkout.html">checkout</a>
188 
-                    </div>
189 
-                </div>
190 
-            </div>
191 
-        </div>
192 257 
         <!-- Mobile menu start -->
193 258 
         <div class="mobile-menu-active clickalbe-sidebar-wrapper-style-1">
194 259 
             <div class="clickalbe-sidebar-wrap">
195 260 
             <div class="row pb-2 border-bottom">
196 261 
                 <div class="col-6">
197 262 
                     <div class="mobile-logo mobile-logo-width">
198 
-                        <a href="index.html">
199 
-                            <img alt="" src="./dist/assets/imgs/anwi-logo-1.png" class="w-75">
263 
+                        <a href="../index.html">
264 
+                            <img alt="" src="/dist/assets/imgs/anwi-logo-1.png" class="w-75">
200 265 
                         </a>
201 266 
                     </div>
202 267 
                 </div>
 
@@ -215,107 +280,32 @@ let nav_html = `
215 280 
                     <div class="clickable-mainmenu-wrap clickable-mainmenu-style1">
216 281 
                         <nav>
217 282 
                             <ul class="pl-0">
218 
-                                <li class="has-sub-menu d-none"><a href="#">Home</a>
219 
-                                    <ul class="sub-menu-2">
220 
-                                        <li class="has-sub-menu"><a href="#">Demo Group #01</a>
221 
-                                            <ul class="sub-menu-2">
222 
-                                                <li><a href="index.html">Home Multipurpose</a></li>
223 
-                                                <li><a href="index-megashop.html">Home Mega Shop</a></li>
224 
-                                                <li><a href="index-fashion.html">Home Fashion</a></li>
225 
-                                                <li><a href="index-fashion-2.html">Home Fashion 2 </a></li>
226 
-                                                <li><a href="index-automobile.html">Home Automobile</a></li>
227 
-                                                <li><a href="index-furniture.html">Home Furniture</a></li>
228 
-                                                <li><a href="index-electric.html">Home Electric</a></li>
229 
-                                            </ul>
230 
-                                        </li>
231 
-                                        <li class="has-sub-menu"><a href="#">Demo Group #02</a>
232 
-                                            <ul class="sub-menu-2">
233 
-                                                <li><a href="index-electric-2.html">Home Electric 2</a></li>
234 
-                                                <li><a href="index-handcraft.html">Home Hand Craft</a></li>
235 
-                                                <li><a href="index-book.html">Home Book</a></li>
236 
-                                                <li><a href="index-book-2.html">Home Book 2</a></li>
237 
-                                                <li><a href="index-cake.html">Home cake</a></li>
238 
-                                                <li><a href="index-organic.html">Home Organic</a></li>
239 
-                                            </ul>
240 
-                                        </li>
241 
-                                        <li class="has-sub-menu"><a href="#">Demo Group #03</a>
242 
-                                            <ul class="sub-menu-2">
243 
-                                                <li><a href="index-flower.html">Home Flower</a></li>
244 
-                                                <li><a href="index-treeplant.html">Home Tree plant</a></li>
245 
-                                                <li><a href="index-pet-food.html">Home Pet Food</a></li>
246 
-                                                <li><a href="index-kids.html">Home Kids</a></li>
247 
-                                                <li><a href="index-kids-2.html">Home Kids 2</a></li>
248 
-                                                <li><a href="index-kids-3.html">Home Kids 3</a></li>
249 
-                                            </ul>
250 
-                                        </li>
251 
-                                    </ul>
252 
-                                </li>
253 
-                                <li class="has-sub-menu d-none"><a href="#">shop</a>
254 
-                                    <ul class="sub-menu-2">
255 
-                                        <li class="has-sub-menu"><a href="#">Shop Layout</a>
256 
-                                            <ul class="sub-menu-2">
257 
-                                                <li><a href="shop.html">Shop Grid Style 1</a></li>
258 
-                                                <li><a href="shop-2.html">Shop Grid Style 2</a></li>
259 
-                                                <li><a href="shop-3.html">Shop Grid Style 3</a></li>
260 
-                                                <li><a href="shop-4.html">Shop Grid Style 4</a></li>
261 
-                                                <li><a href="shop-5.html">Shop Grid Style 5</a></li>
262 
-                                                <li><a href="shop-6.html">Shop Grid Style 6</a></li>
263 
-                                                <li><a href="shop-list.html">Shop List Style 1</a></li>
264 
-                                                <li><a href="shop-list-no-sidebar.html">Shop List Style 2</a></li>
265 
-                                            </ul>
266 
-                                        </li>
267 
-                                        <li class="has-sub-menu"><a href="#">Product Layout</a>
268 
-                                            <ul class="sub-menu-2">
269 
-                                                <li><a href="product-details.html">Product Layout 1</a></li>
270 
-                                                <li><a href="product-details-2.html">Product Layout 2</a></li>
271 
-                                                <li><a href="product-details-3.html">Product Layout 3</a></li>
272 
-                                                <li><a href="product-details-4.html">Product Layout 4</a></li>
273 
-                                                <li><a href="product-details-5.html">Product Layout 5</a></li>
274 
-                                                <li><a href="product-details-6.html">Product Layout 6</a></li>
275 
-                                                <li><a href="product-details-7.html">Product Layout 7</a></li>
276 
-                                                <li><a href="product-details-8.html">Product Layout 8</a></li>
277 
-                                                <li><a href="product-details-9.html">Product Layout 9</a></li>
278 
-                                            </ul>
279 
-                                        </li>
280 
-                                        <li class="has-sub-menu"><a href="#">Shop Page</a>
281 
-                                            <ul class="sub-menu-2">
282 
-                                                <li><a href="my-account.html">My Account</a></li>
283 
-                                                <li><a href="checkout.html">Check Out</a></li>
284 
-                                                <li><a href="cart.html">Shopping Cart</a></li>
285 
-                                                <li><a href="wishlist.html">Wishlist</a></li>
286 
-                                                <li><a href="order-tracking.html">Order Tracking</a></li>
287 
-                                                <li><a href="compare.html">Compare</a></li>
288 
-                                                <li><a href="store.html">Store</a></li>
289 
-                                                <li><a href="empty-cart.html">Empty Cart</a></li>
290 
-                                                <li><a href="login-register.html">login / register</a></li>
291 
-                                            </ul>
292 
-                                        </li>
293 
-                                    </ul>
294 
-                                </li>
295 
-                                <li class="has-sub-menu"><a href="#" class="satoshi_font">Laptop</a>
296 
-                                    <ul class="sub-menu-2" style="list-style:none;">
297 
-                                        <li><a href="./allinone34inch.html" class="satoshi_font">ZENO 14 inch Business Laptop</a></li>
298 
-                                        <li class="d-none"><a href="#" class="satoshi_font">ZENO 15.6 inch Business Laptop</a></li>
299 
-                                    </ul>
300 
-                                </li>
301 
-                                <li class="has-sub-menu"><a href="#"  class="satoshi_font">All in One</a>
302 
-                                    <ul class="sub-menu-2" style="list-style:none;">
303 
-                                        <li><a href="./allin_one.html" class="satoshi_font">24 inch AIO i5</a></li>
304 
-                                        <li class="d-none"><a href="#" class="satoshi_font">34 inch AIO i7 4K</a></li>
305 
-                                    </ul>
306 
-                                </li>
307 
-                                <li class="has-sub-menu">
308 
-                                    <a href="#"class="satoshi_font product_data" item_id="106633220000002">Products</a>
309 
-                                </li>
310 
-                                <li class="has-sub-menu"><a href="#" class="satoshi_font">Accessories</a>
311 
-                                    <ul class="sub-menu-2" style="list-style:none;">
312 
-                                        <li><a href="../ramproducts.html" accessories_id="106633220000007" class="satoshi_font ram_data">Ram</a></li>
313 
-                                        <li><a href="#" class="satoshi_font">Storage</a></li>
314 
-                                    </ul>
315 
-                                </li>
316 
-                                <li class="">
317 
-                                    <a href="./support.html"class="satoshi_font" >Support</a>
283 
+
284 
+
285 
+                                <li class=""><a href="./ramproducts.html" class="satoshi_font">RAM</a></li>
286 
+                                <li class=""><a href="./storageproducts.html" class="satoshi_font">STORAGE</a></li>
287 
+                                <li class="expandlinav">
288 
+                                <div class="d-flex justify-content-between">
289 
+                                    <span class="explandlinavname">LAPTOP</span><span class="d-none viewall_li">view all</span>
290 
+                                </div>
291 
+                               <div class="content-expandlinav d-none">
292 
+                               <accordion-element>
293 
+                               <accordion-item title="Accordion Item #1">
294 
+                                 <p>Lorem ipsum dolor sit amet,.</p>
295 
+                               </accordion-item>
296 
+                               <accordion-item title="Accordion Item #2">
297 
+                                 <p>Lorem ipsum dolor sit amet,.</p>
298 
+                               </accordion-item>
299 
+                               <accordion-item title="Accordion Item #3">
300 
+                                 <p>Lorem ipsum dolor sit amet,</p>
301 
+                               </accordion-item>
302 
+                             </accordion-element>
303 
+                               </div>
318 304 
                                 </li>
305 
+                                <li class=""><a href="./support.html" class="satoshi_font" >SUPPORT</a></li>
306 
+                                <li class=""><a href="./press.html" class="satoshi_font">PRESS</a></li>
307 
+                                <li class=""><a href="./index1.html" class="satoshi_font">COMING SOON</a></li>
308 
+                                <li class=""><a href="./contact.html" class="satoshi_font">CONTACT</a></li>
319 309 
                             </ul>
320 310 
                         </nav>
321 311 
                     </div>
 
@@ -342,42 +332,156 @@ let nav_html = `
342 332 
                 </div>
343 333 
             </div>
344 334 
         </div>`;
345 
-$("#navbar-head").html(nav_html);
335 
+    $("#navbar-head").html(nav_html);
336 
+
337 
+    $('.explandlinavname').click(function (e){
338 
+       if($('.expandlinav .viewall_li').hasClass('d-none')){
339 
+        $('.expandlinav').find('.viewall_li').removeClass('d-none');
340 
+        $('.expandlinav').find('.content-expandlinav').removeClass('d-none');
341 
+       }else{
342 
+        $('.expandlinav').find('.viewall_li').addClass('d-none');
343 
+        $('.expandlinav').find('.content-expandlinav').addClass('d-none');
344 
+       }
345 
+
346 
+       console.log($(e.target));
347 
+
348 
+    });
349 
+
350 
+    let width = $(window).width();
351 
+    $(".menu-negative-mrg2,.menu-negative-mrg3,.menu-negative-mrg4").css("width", width);
352 
+    let ele_page = $("body").hasClass("product_pg");
353 
+    if (ele_page == true) {
354 
+        $(".header-area").removeClass("bg-white");
355 
+        $(".main-menu").find("nav ul li a").addClass("text-white");
356 
+        $(".header-bottom.sticky-bar").removeClass("sticky-bar");
357 
+        let src = `../dist/assets/imgs/anwi-logo-2.png`;
358 
+        $(".logo-menu-wrap").find("a img").attr("src", src);
359 
+        $(".main-body").find("iframe").attr("width", width);
360 
+        if (width <= 575 && width >= 390) {
361 
+            $(".main-body").find("iframe").attr({
362 
+                width: width,
363 
+                height: 236,
364 
+            })
365 
+        } else if (width <= 390 && width >= 270) {
366 
+            $(".main-body").find("iframe").attr({
367 
+                width: width,
368 
+                height: 210,
369 
+            });
370 
+        } else if (width <= 998 && width > 575) {
371 
+            $(".main-body").find("iframe").attr({
372 
+                width: width,
373 
+                height: 530,
374 
+            });
375 
+        } else if (width <= 2720 && width > 1920) {
376 
+            $(".main-body").find("iframe").attr({
377 
+                width: width,
378 
+                height: 1440,
379 
+            });
380 
+        } else {
381 
+            $(".main-body").find("iframe").attr({
382 
+                width: width,
383 
+                height: 860,
384 
+            });
385 
+        }
386 
+    }
387 
+
388 
+
389 
+    $("a.ram_data").click(function () {
390 
+        let item_id = $(this).attr("accessories_id");
391 
+        let loc_path = '/products.html'
392 
+        if (window.location.pathname.includes(loc_path)) {
393 
+            window.location.href = `?itemid=${item_id}`
394 
+        }
395 
+        else {
396 
+            window.location.href = `/products.html#itemid=${item_id}`;
397 
+        }
398 
+    })
399 
+
346 400
347 
- let ele_page = $("body").hasClass("login_page");
348 
- if(ele_page == true){
349 
-  //  $(".header-area").removeClass("bg-white")
350 
- }
401 
+    // $(".main-menu nav ul").find("li").each(function () {
402 
+    //     var current = window.location.pathname;
403 
+    //     var $this = $(this).find("a");
404 
+    //     if (current != "/") {
405 
+    //         if ($this.attr('href').indexOf(current) !== -1) {
406 
+    //             $(this).addClass('active_nav');
407 
+    //         }
408 
+    //     }
409 
+
410 
+    // })
411 
+
412 
+    // destroy localstorage data
413 
+    let loc_path = '/productdetails.html';
414 
+    if (window.location.pathname.includes(loc_path) === false) {
415 
+        localStorage.removeItem("product_data");
416 
+        localStorage.removeItem("top_data")
417 
+    }
418 
+    let loc_path1 = '/productcatloguedetails.html';
419 
+    if (window.location.pathname.includes(loc_path1) === false) {
420 
+        localStorage.removeItem("product_catlogue_obj");
421 
+    }
351 422
352 
-// $(".product_data").each(function () {
353 
-//     $(this).click(function () {
354 
-//         debugger;
355 
-//         let item_id = $(this).attr("item_id");
356 
-//         let loc_path = '/products.html'
357 
-//         if (window.location.pathname.includes(loc_path)) {
358 
-//             window.location.href = `?products`
359 
-//         }
360 
-//         else {
361 
-//             window.location.href = `/products.html?products`;
362 
-//         }
363 
-//     })
364 
-// });
365 
-let width = $(window).width();
366 
-$(".menu-negative-mrg2,.menu-negative-mrg3,.menu-negative-mrg4").css("width",width);
423 
+    //services pages links and sources
367 424
368 
-$("a.ram_data").click(function () {
369 
-    let item_id = $(this).attr("accessories_id");
370 
-    let loc_path = '/products.html'
371 
-    if (window.location.pathname.includes(loc_path)) {
372 
-        window.location.href = `?itemid=${item_id}`
425 
+    let $body_pg = $("body").hasClass("services_page");
426 
+    let $hm_pg = "../index.html";
427 
+    let $nav_img = "../dist/assets/imgs/anwi-logo-1.png";
428 
+    let $footer_img = "../dist/assets/imgs/anwi-logo-2.png";
429 
+    let $scrool_top_img = "../dist/assets/imgs/Home/rocket-footer.png";
430 
+    let $about_pg = $("body").hasClass("about_page");
431 
+    if($about_pg == true){
432 
+        debugger
433 
+        $(".main-menu").find("nav ul li a").addClass("text-dark");
434 
+        let img_src = `./dist/assets/imgs/anwi-logo-1.png`;
435 
+        $(".logo-menu-wrap").find("a img").attr("src",img_src);
436 
+        $(".header-bottom").addClass("sticky-bar stick");
437 
+        $("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
373 438 
     }
374 
-    else {
375 
-        window.location.href = `/products.html?itemid=${item_id}`;
439 
+    if ($body_pg == true) {
440 
+        $(".header-large-device").find(".logo-menu-wrap .logo").find("a").attr("href", $hm_pg);
441 
+        $(".header-large-device").find(".logo-menu-wrap .logo").find("a img").attr("src", $nav_img);
442 
+        $(".mobile-logo").find("a").attr("href", $hm_pg);
443 
+        $(".mobile-logo").find("a img").attr("src", $nav_img);
444 
+        $("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
445 
+        $(".main-menu").find("nav ul").find("li a").each(function () {
446 
+            $(this).addClass("text-dark")
447 
+            $(".header-bottom").addClass("sticky-bar stick");
448 
+            let $arc = $(this).attr("href");
449 
+            let $spcial_char = $arc.includes("./");
450 
+            if ($spcial_char === true) {
451 
+                let $refarence = `.${$arc}`
452 
+                $(this).attr("href", $refarence);
453 
+            }
454 
+
455 
+        });
456 
+        $(".same-style").find("a").each(function () {
457 
+            let $arc1 = $(this).attr("href");
458 
+            let $spcial_char1 = $arc1.includes("./");
459 
+            if ($spcial_char1 === true) {
460 
+                let $refarence1 = `.${$arc1}`
461 
+                $(this).attr("href", $refarence1);
462 
+            }
463 
+        })
464 
+        $(".tab-content").find("img").each(function(){
465 
+            let $img_src = $(this).attr("src");
466 
+            let $img_src1 = $img_src.includes("./");
467 
+            if ($img_src1 === true) {
468 
+                let $refarenceimg1 = `.${$img_src}`;
469 
+                $(this).attr("src", $refarenceimg1);
470 
+            }
471 
+        });
472 
+        $(".clickable-mainmenu-wrap").find("nav ul").find("li a").each(function () {
473 
+            let $arc_mbil = $(this).attr("href");
474 
+            let $spcial_char_mbil = $arc_mbil.includes("./");
475 
+            if ($spcial_char_mbil === true) {
476 
+                let $refarence_mbil = `.${$arc_mbil}`
477 
+                $(this).attr("href", $refarence_mbil);
478 
+            }
479 
+        });
376 480 
     }
377 
-})
378 481
379 
-// destroy localstorage data
380 
-let loc_path = '/productdetails.html';
381 
-if (window.location.pathname.includes(loc_path) === false) {
382 
-    localStorage.removeItem("product_data")
482 
+    setTimeout(()=>{
483 
+        if(width<=600){
484 
+            $('.same-style').find('svg path').attr('fill','#000')
485 
+        }
486 
+    },300)
383 487 
 }

+ 248
- 26
dist/Js/orderDetails/order_summary.js Vedi File 

@@ -1,49 +1,271 @@
1 
-async function order_summary(){
1 
+async function order_summary() {
2 2
3 3 
   let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
4 
-  let { userId} = cookieRes;
5 
-    // let res = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/Bizgaze/integrations/products/salesorderdetailsbyorgid/organizationid/${userId}`,true);
6 
-    // https://templateserver.bizgaze.com/apis/v4/bizgaze/integrations/products/getordersbyid/organizationid/{organizationid}/orderno/{orderno}
7 
-    let orderno = window.location.hash.split('#')[1];
8 
-    let res = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getordersbyid/organizationid/${userId}/orderno/${orderno}`);
9 
-    if(res.isError){
10 
-      return;
11 
-    }
12 
-    const orderDetailsres = JSON.parse(res.response.result);
4 
+  let { userId } = cookieRes;
5 
+  let filesInputSupport = [];
6 
+
13 7
14 
-    let new_arrr = orderDetailsres;
15 
-    console.log(new_arrr)
16 
-    let orderNumber =window.location.hash.split('#')[1];
17 
-  let filteredOrders = new_arrr.filter(function(order) {
8 
+  // let res = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/Bizgaze/integrations/products/salesorderdetailsbyorgid/organizationid/${userId}`,true);
9 
+  // https://templateserver.bizgaze.com/apis/v4/bizgaze/integrations/products/getordersbyid/organizationid/{organizationid}/orderno/{orderno}
10 
+  let orderno = window.location.hash.split('#')[1];
11 
+  let res = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getordersbyid/organizationid/${userId}/orderno/${orderno}`);
12 
+  if (res.isError) {
13 
+    return;
14 
+  }
15 
+  const orderDetailsres = JSON.parse(res.response.result);
16 
+
17 
+  let new_arrr = orderDetailsres;
18 
+  console.log(new_arrr)
19 
+  let orderNumber = window.location.hash.split('#')[1];
20 
+  let filteredOrders = new_arrr.filter(function (order) {
18 21 
     return order.OrderNo === orderNumber;
19 22 
   });
20 23
21 
-  for(let i=0;i<filteredOrders.length;i++){
24 
+  for (let i = 0; i < filteredOrders.length; i++) {
22 25 
     let order = filteredOrders[i];
23 
-    let Delivery_status =order.stageshortcode
24 
-    let deliverdCard=appendItemHTML(order);
26 
+    let Delivery_status = order.stageshortcode
27 
+    let deliverdCard = appendItemHTML(order);
25 28 
     $('.deliverd-card').append(deliverdCard)
26 
-    if(Delivery_status == 'CMD'){
27 
-        $('.delivery_status').html('Deliverd')
29 
+    if (Delivery_status == 'CMD') {
30 
+      $('.delivery_status').html('Deliverd')
28 31 
     }
29 
-    if(Delivery_status == 'APL'){
30 
-        $('.delivery_status').html('Approval')
32 
+    if (Delivery_status == 'APL') {
33 
+      $('.delivery_status').html('Approval')
31 34 
     }
32 35 
   }
33 36
34 
-  let summary =`<div class=card-body><div><p class="mb-0 fw-500">Order : <span>${orderNumber}</span><small class=" "> ( ${filteredOrders.length} items )</samll><p class="mb-0 ">Order placed on ${filteredOrders[0].OrderDate}</p></div>`;
37 
+  $('.supportBtn').click(function (e) {
38 
+    let parentEl = $(e.target).parents('.card-body');
39 
+
40 
+    const orderName = $(parentEl).find('.ordernameModal').text();
41 
+    const img = $(parentEl).find('.order_img').attr('src');
42 
+    $('#exampleModalsupport').find('.order_img').attr('src', img);
43 
+
44 
+    $('.modalitemname').text(orderName);
45 
+
46 
+    const orderQty = $(parentEl).find('.orderqtymodalinfo').text();
47 
+    const orderPrice = $(parentEl).find('.order_price').text();
48 
+    const [symbol, price] = getCurrencySymbol(orderPrice)
49 
+    $('.modalitemqty').html(orderQty);
50 
+    $('.modalprice').html(`${symbol} ${price}`);
51 
+    console.log(orderName);
52 
+  });
53 
+
54 
+
55 
+  // modal start
56 
+
57 
+
58 
+  // files append html ui
59 
+  function getInputsListHTML(arr){
60 
+    let html = '';
61 
+
62 
+    for(let i=0;i<arr.length;i++){
63 
+      const {FileName,FileType} = arr[i];
64 
+      html += `<span class='p-1  rounded text-truncate containerfilesupport' data-name="${FileName}.${FileType}" >
65 
+     <span class="border p-1 rounded"> <span class=" w-50 filenamesupportticket"> ${FileName}.${FileType}</span>
66 
+     <span  class=' text-center bg-white rounded removeFilesupportticket'>
67 
+      <i class='p-1  fa fa-close'></i>
68 
+     </span></span>
69 
+   </span>`
70 
+    }
71 
+
72 
+    return html;
73 
+  }
74 
+
75 
+  // files onchange handler for input files
76 
+  async function fileUploadSaveHandler(e){
77 
+
78 
+    const promiseFiles = await getMulFileToGetBase64(e);
79 
+    // console.log(promiseFiles,'promisepromise');
80 
+    filesInputSupport = promiseFiles;
81 
+
82 
+    let html = getInputsListHTML(filesInputSupport);
83 
+
84 
+    $('.inputlistsupportcontainer').html(html);
85 
+
86 
+    $('.removeFilesupportticket').off('click').click(function (e){
87 
+      let el = $(this);
88 
+
89 
+      let nameWithExt = $(el).parents('.containerfilesupport').data('name')
90 
+      console.log(nameWithExt);
91 
+
92 
+      filterRemoveInputsFiles(nameWithExt)
93 
+    });
94 
+
95 
+  }
96 
+
97 
+  function filterRemoveInputsFiles(nameWithExt){
98 
+    console.log("okay");
99 
+    console.log(filesInputSupport);
100 
+    filesInputSupport = filesInputSupport.filter(function (e){
101 
+      const {FileName,FileType} = e;
102 
+      const str = `${FileName}.${FileType}`;
103 
+      if(str != nameWithExt) return e;
104 
+    });
105 
+
106 
+    console.log(filesInputSupport);
107 
+  }
108 
+
109 
+  $('#supportattachfile').off().change(function (e){
110 
+    debugger;
111 
+    if(!e.target.files.length) return;
112 
+    fileUploadSaveHandler(e);
113 
+  });
114 
+
115 
+
116 
+
117 
+  // submit support ticket
118 
+  $('.submitsupportticket').off('click').click(async function (e) {
119 
+    console.log("tick");
120 
+
121 
+    let supportGroup = $('#supportgroups').val();
122 
+    let priortyGroup = $('#supportlevel').val();
123 
+    let description = $('.desmodalsupportarea').val()?.trim();
124 
+
125 
+
126 
+
127 
+    let isErrorValidtion = false;
128 
+    if (!supportGroup) {
129 
+      isErrorValidtion = true;
130 
+      $('#supportgroups').parent().find('.invalid-feedback').addClass('d-block');
131 
+    } else {
132 
+      $('#supportgroups').parent().find('.invalid-feedback').removeClass('d-block');
133 
+    }
134 
+
135 
+    if (!priortyGroup) {
136 
+      isErrorValidtion = true;
137 
+      $('#supportlevel').parent().find('.invalid-feedback').addClass('d-block');
138 
+    } else {
139 
+      $('#supportlevel').parent().find('.invalid-feedback').removeClass('d-block');
140 
+    }
141 
+
142 
+    if (!description) {
143 
+      isErrorValidtion = true;
144 
+      $('.desmodalsupportarea').parent().find('.invalid-feedback').addClass('d-block');
145 
+    } else {
146 
+      $('.desmodalsupportarea').parent().find('.invalid-feedback').removeClass('d-block');
147 
+    }
148 
+
149 
+    if (isErrorValidtion) return;
150 
+
151 
+    const payload = {
152 
+      ticketgroupid: Number(supportGroup),
153 
+      description: description,
154 
+      documents: filesInputSupport.length > 0 ? filesInputSupport : 0,
155 
+      PriorityId: Number(priortyGroup),
156 
+      ticketid: 0,
157 
+      contactid: Number(userId)
158 
+    }
159 
+    $('.supportticketsubmit').removeClass('d-none');
160 
+    $('.supportticketsubmitbtn').addClass('d-none');
161 
+
162 
+    $('.closesupportticket').attr('disabled', true);
163 
+    console.log(payload);
164 
+    const res = await API_SERVICES_ACTIONS.postAPIService(`apis/v4/hyperfusion/hireserver/machines/saveticket`, payload);
165 
+
166 
+    console.log(res);
167 
+
168 
+    if (res.isError) {
169 
+      toasterHelper("error", res.errorMsg, `toast-top-right`);
170 
+      $('.supportticketsubmit').addClass('d-none');
171 
+      $('.supportticketsubmitbtn').removeClass('d-none');
172 
+      $('.closesupportticket').attr('disabled', false);
173 
+      return;
174 
+    }
175 
+    $('.supportticketsubmit').addClass('d-none');
176 
+    $('.supportticketsubmitbtn').removeClass('d-none');
177 
+    $('.closesupportticket').attr('disabled', false);
178 
+    toasterHelper("success", 'Ticket successfully submitted!', `toast-top-right`);
179 
+
180 
+    // $('#supportgroups').val(null);
181 
+    // $('#supportlevel').val(null);
182 
+    $('.desmodalsupportarea').val('');
183 
+    $("#exampleModalsupport .closesupportticket").click()
184 
+  });
185 
+
186 
+
187 
+
188 
+  // modal end
189 
+
190 
+  $('.warrantybtn').click(function (e) {
191 
+    let parentEl = $(e.target).parents('.card-body');
192 
+
193 
+    const orderName = $(parentEl).find('.ordernameModal').text();
194 
+
195 
+    $('#warrenymodalname').html(orderName);
196 
+  });
197 
+
198 
+  let summary = `<div class="bg-gradient-anwi card-body"><div><p class="mb-0 fw-500">Order : <span>${orderNumber}</span><small class=" "> ( ${filteredOrders.length} items )</samll><p class="mb-0 ">Order placed on ${filteredOrders[0].OrderDate}</p></div>`;
35 199
36 200 
   $('.Order_details_section  .order_tax').html(filteredOrders[0].taxamount)
37 201 
   $('.Order_details_section .Order_total').html(filteredOrders[0].nettotal)
38 202 
   $('.Order_details_section  .order_price').html(filteredOrders[0].assessableamount)
39 203 
   $('.Order_details_section  .order-summary').html(summary);
40 204
41 
-  $('.back_to_orders').click(function(){
42 
-      $(this).attr('href','./myaccount.html')
205 
+  $('.back_to_orders').click(function () {
206 
+    $(this).attr('href', './myaccount.html')
43 207 
   });
44 208
45 
-  function appendItemHTML(order){
46 
-    return `<div class="card rounded-0 border-0 bg-white mb-3 "><div class=card-body><div class="align-items-center row"><div class=col-md-6><div class=d-flex><img class=img-fluid src=""></div><div class="d-flex align-items-center"><div class="text-secondary">Delivery Status : </div><div class=" delivery_status text-blue fw-600" data-status="${order.stageshortcode}"></div></div></div><div class="col-md-6 text-end"><button class=" bg-gradient-anwi-outline btn-sm  btn ">Claim warranty</button> <button class=" bg-gradient-anwi-outline btn-sm btn ">Support</button></div></div><div><small class=" text-secondary me-2">Delivered To : </small><small class="fw-600 user_name">${order.OrganizationName}</div><div class="row pb-4 pb-md-0 align-items-center"><div class="col-md-4 text-center"><img class="img-fluid order_img w-75"src=https://appassets.bizgaze.app/${order.imageurl}></div><div class="col-md-8 position-relative"><small class=" mb-0 order_itemname">${order.itemname}  (${order.Quantity} items)<small class=" align-items-center d-flex fw-600 mb-3"><svg class="bi bi-currency-rupee"fill=currentColor height=16 viewBox="0 0 16 16"width=16 xmlns=http://www.w3.org/2000/svg><path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"></path></svg><small class="order_price fs-6">${order.itemtotal}</small><p class=" mb-0 close_exchange position-absolute d-none text-secondary">Return/Exchange window closed on Friday,24 March <a class=text-primary href=#>Why?</a></div></div></div></div>`;
209 
+  function appendItemHTML(order) {
210 
+
211 
+    return `<div class="card rounded-0 bg-white mb-3 "><div class=card-body><div class="align-items-center row"><div class=col-md-6><div class=d-flex><img class=img-fluid src=""></div><div class="d-flex align-items-center"><div class="text-secondary">Delivery Status : </div><div class=" delivery_status text-blue fw-600" data-status="${order.stageshortcode}"></div></div></div><div class="col-md-6 text-end"><button data-bs-toggle="modal" data-bs-target="#exampleModalwarrenty" class=" bg-gradient-anwi-outline btn-sm  btn warrantybtn ">Claim warranty</button> <button data-bs-toggle="modal" data-bs-target="#exampleModalsupport" class="supportBtn bg-gradient-anwi-outline btn-sm btn ">Support</button></div></div><div><small class=" text-secondary me-2">Delivered To : </small><small class="fw-600 user_name">${order.OrganizationName}</div><div class="row pb-4 pb-md-0 align-items-center"><div class="col-md-4 text-center"><img class="img-fluid order_img w-75"src=https://appassets.bizgaze.app/${order.imageurl?.replaceAll(" ", "%20")}></div><div class="col-md-8 position-relative"><small class=" mb-0 order_itemname"><span ><span class="ordernameModal">${order.itemname}</span>  (<span class="orderqtymodalinfo">${order.Quantity}</span> items)</span><small class=" align-items-center d-flex fw-600 mb-3"><svg class="bi bi-currency-rupee"fill=currentColor height=16 viewBox="0 0 16 16"width=16 xmlns=http://www.w3.org/2000/svg><path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"></path></svg><small class="order_price fs-6">${order.itemtotal}</small><p class=" mb-0 close_exchange position-absolute d-none text-secondary">Return/Exchange window closed on Friday,24 March <a class=text-primary href=#>Why?</a></div></div></div></div>`;
47 212 
   }
213 
+
214 
+
215 
+
216 
+
217 
+
218 
+  async function supportModalInit() {
219 
+    $.fn.modal.Constructor.prototype.enforceFocus = function () { };
220 
+    let ticketGroupRes = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/anwisystems/integrations/anwiauth/getticketgoups`);
221 
+
222 
+
223 
+    if (ticketGroupRes.isError) {
224 
+      console.log(ticketGroupRes.errorMsg);
225 
+      return;
226 
+    }
227 
+
228 
+
229 
+    ticketGroupRes = JSON.parse(ticketGroupRes.response.result);
230 
+
231 
+    console.log(ticketGroupRes);
232 
+
233 
+
234 
+
235 
+    let htmlTGroup = '';
236 
+    for (let i = 0; i < ticketGroupRes.length; i++) {
237 
+      htmlTGroup += `<option value="${ticketGroupRes[i].ticketgroupid}" data-id="${ticketGroupRes[i].ticketgroupid}">${ticketGroupRes[i].ticketgroupname}</option>`
238 
+    }
239 
+
240 
+    $('#supportgroups').html(htmlTGroup);
241 
+
242 
+    // priopty
243 
+
244 
+    let prioritiesRes = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/anwisystems/integrations/anwiauth/getticketpriorities`);
245 
+
246 
+    if (prioritiesRes.isError) {
247 
+      console.log(prioritiesRes.errorMsg);
248 
+      return;
249 
+    }
250 
+
251 
+
252 
+    prioritiesRes = JSON.parse(prioritiesRes.response.result);
253 
+
254 
+    console.log(prioritiesRes, 'prioritiesRes');
255 
+
256 
+
257 
+    let htmlTpriorites = '';
258 
+    for (let i = 0; i < prioritiesRes.length; i++) {
259 
+      htmlTpriorites += `<option value="${prioritiesRes[i].priorityid}" data-id="${prioritiesRes[i].priorityid}">${prioritiesRes[i].priorityname}</option>`
260 
+    }
261 
+
262 
+    $('#supportlevel').html(htmlTpriorites);
263 
+
264 
+
265 
+
266 
+  }
267 
+
268 
+
269 
+  supportModalInit();
48 270 
 }
49 271 
 order_summary()

+ 45
- 23
dist/Js/productdetails/productdetails.js Vedi File 

@@ -4,7 +4,8 @@ function startDetails(){
4 4 
         window.location.href = "/notfound.html";
5 5 
         return;
6 6 
     }
7 
-    let productId = window.location.search.split('=')[1].split('&')[0];
7 
+    debugger;
8 
+    let productId = window.location.href.split('=')[1].split('&')[0].split('#')[0];
8 9 
     console.log(productId);
9 10 
     let itemtagscombinationRes = null;
10 11 
     let labels = {};    
@@ -65,12 +66,14 @@ function startDetails(){
65 66 
     }
66 67
67 68 
     function getSpecsItemHTML({name,des,itemid,id}){
68 
-        return `<div id="${id}" data-specitemid="${itemid}" class="">
69 
-        <div class="row  border-bottom">
70 
-            <div class="col-sm-6 bg-gray-3 py-2">
69 
+        let isMobile = $(window).width()<=600 ? '' : '';
70 
+        let addPaddM =  $(window).width()<=600 ? 'py-2' : 'py-4';
71 
+        return `<div id="${id}" data-specitemid="${itemid}" >
72 
+        <div class="row   border-bottom">
73 
+            <div class="col-sm-3 ${isMobile} font-weight-600  ${addPaddM} ">
71 74 
             ${name}
72 75 
             </div>
73 
-            <div class="col-sm-6  py-2">
76 
+            <div class="col-sm-9  py-2 d-flex align-items-center">
74 77 
             ${des}
75 78 
             </div>
76 79 
         </div>
 
@@ -93,7 +96,7 @@ function startDetails(){
93 96 
         if(resData.isError){
94 97 
             $('.productdetailstabs').addClass('d-none');
95 98 
             $('.specContainerleft').html('')
96 
-        $('.specContainerRight').html('')
99 
+            $('.specContainerRight').html('')
97 100 
             return;
98 101 
         }
99 102 
         $('.productdetailstabs ').removeClass('d-none');
 
@@ -114,15 +117,18 @@ function startDetails(){
114 117
115 118 
         for(let i=0;i<data.length;i++){
116 119 
             const {specificationname,specificationitemid,itemid,description} = data[i];
117 
-            if((i+1)%2 == 0){
118 
-                rightHtml += getSpecsItemHTML({
119 
-                    name:specificationname,id:specificationitemid,itemid,des:description
120 
-                })
121 
-            }else{
122 
-                leftHtml += getSpecsItemHTML({
123 
-                    name:specificationname,id:specificationitemid,itemid,des:description
124 
-                });
125 
-            }
120 
+            leftHtml += getSpecsItemHTML({
121 
+                name:specificationname,id:specificationitemid,itemid,des:description
122 
+            });
123 
+            // if((i+1)%2 == 0){
124 
+            //     rightHtml += getSpecsItemHTML({
125 
+            //         name:specificationname,id:specificationitemid,itemid,des:description
126 
+            //     })
127 
+            // }else{
128 
+            //     leftHtml += getSpecsItemHTML({
129 
+            //         name:specificationname,id:specificationitemid,itemid,des:description
130 
+            //     });
131 
+            // }
126 132
127 133 
         }
128 134 
   
@@ -135,7 +141,7 @@ function startDetails(){
135 141 
     function getParentHTML(name,productid,id,isMain){
136 142 
         return `<div class="pb-2 $${name?.replace(" ",'')}-parent">
137 143 
         <h5 class="py-2 smallHeadingProductDetails">${name}</h5>
138 
-        <div class="d-flex gap-2 ${id}container" data-tagid="${id}">
144 
+        <div class="d-flex gap-2 flex-wrap ${id}container" data-tagid="${id}">
139 145
140 146 
         </div>
141 147 
     </div>`;
 
@@ -151,7 +157,7 @@ function startDetails(){
151 157
152 158 
     function getChildHTML(tagid,name,isTrue){
153 159 
         return `
154 
-        <div  data-type="${tagid}-${name}" data-tagiditem="${tagid}" class="specsmallcard optiontaganwi ${isTrue?'borderselector':''} card small-font  p-3">
160 
+        <div  data-type="${tagid}-${name}" data-tagiditem="${tagid}" class="specsmallcard optiontaganwi ${isTrue?'borderselector':''} card small-font cursor-pointer p-3">
155 161 
             ${name}
156 162 
         </div>
157 163 
     `
 
@@ -172,8 +178,10 @@ function startDetails(){
172 178 
     }
173 179
174 180 
     function updateDetailsByObj(obj){
175 
-        $('.productname').html(obj.itemname)
176 
-        $('.price').html(obj.pricelist);
181 
+        $('.productname').html(obj.itemname);
182 
+        let  [currencySymbol, amount] = getCurrencySymbol(obj?.pricelist||0);
183 
+        $('.price').html(obj.pricelist ?`${currencySymbol}${amount}`:'');
184 
+        $('.price').attr('data-price',obj.pricelist);
177 185 
         appendSpecs(obj.itemid)
178 186 
         $('#skudetailitem').val(obj.sku)
179 187 
         $('.des_productdes').html(obj.itemdescription);
 
@@ -186,6 +194,14 @@ console.log(obj.itemimageurl,'obj.itemimageurlobj.itemimageurlobj.itemimageurl')
186 194 
         $('.productDetailsMain  > img').attr('src',defaultImg);
187 195
188 196 
         updateItemId(obj.itemid);
197 
+debugger;
198 
+        if (!obj.pricelist || !obj.quantity) {
199 
+            $('.buynow').attr('disabled', true);
200 
+            $('#addtocart').attr('disabled', true);
201 
+        } else {
202 
+            $('.buynow').attr('disabled', false);
203 
+            $('#addtocart').attr('disabled', false);
204 
+        }
189 205 
     }
190 206
191 207 
     function searchComb(){
 
@@ -246,6 +262,7 @@ console.log(obj.itemimageurl,'obj.itemimageurlobj.itemimageurlobj.itemimageurl')
246 262
247 263 
                         let name = itemtagscombinationRes[i].itemname.split('-')[0];
248 264 
                         $('#addtocart').addClass('disabled');
265 
+                        $('.buynow').attr('disabled', true);
249 266 
                         let itemsName = name;
250 267 
                         $('.borderselector').each(function (i,e){
251 268 
                             itemsName += ` ${$(e).html().trim()}`;
 
@@ -280,6 +297,7 @@ console.log(obj.itemimageurl,'obj.itemimageurlobj.itemimageurlobj.itemimageurl')
280 297 
             $('#skudetailitem').val(-1)
281 298 
         $('.price').html('');
282 299 
         $('#addtocart').addClass('disabled');
300 
+        $('.buynow').attr('disabled', true);
283 301 
         $('.msgErrorDetailsItem').removeClass('d-none');
284 302
285 303 
         initAddToCart()
 
@@ -333,7 +351,7 @@ console.log(obj.itemimageurl,'obj.itemimageurlobj.itemimageurlobj.itemimageurl')
333 351 
         // let res = await getStatAPIService(`${SERVERNAME}/apis/v4/bizgaze/integrations/products/productattributelist/productid/${id}`);
334 352
335 353 
         let resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/productattributelist/productid/${id}`,true);
336 
-
354 
+console.log(resData,'resDataresDataresDataresDataresData');
337 355 
         if(resData.isError){
338 356 
             loadingActions.removeLoader();
339 357 
             alert(resData.errorMsg.message);
 
@@ -399,6 +417,7 @@ console.log(obj.itemimageurl,'obj.itemimageurlobj.itemimageurlobj.itemimageurl')
399 417 
             $(`[data-tagid="${id}"]`).html(html);
400 418 
         }
401 419
420 
+        // itemtagscombinationRes = await API_SERVICES_ACTIONS.getAPIService(`pis/v4/bizgaze/integrations/products/getitemwithoutbranch/productid/${id}`,true);
402 421 
         itemtagscombinationRes = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/itemtagscombination/productid/${id}`,true);
403 422
404 423 
         itemtagscombinationRes = JSON.parse(itemtagscombinationRes.response.result);
 
@@ -471,6 +490,11 @@ console.log(obj.itemimageurl,'obj.itemimageurlobj.itemimageurlobj.itemimageurl')
471 490
472 491
473 492 
         if(isGo){
493 
+            if(itemtagscombinationRes.length === 0){
494 
+                loadingActions.removeLoader();
495 
+                toasterHelper("error","Something went wrong!",`toast-top-right`)
496 
+                return;
497 
+            }
474 498 
             console.log(itemtagscombinationRes[0]);
475 499 
             let {tagnames,tagids,pricelist} = itemtagscombinationRes[0];
476 500 
             tagids = tagids.split('|');
 
@@ -503,7 +527,7 @@ console.log(obj.itemimageurl,'obj.itemimageurlobj.itemimageurlobj.itemimageurl')
503 527
504 528 
         // }
505 529
506 
-        $('#spec-container-details').children().slice(1).find('.specsmallcard').removeClass('specsmallcard');
530 
+        $('#spec-container-details').children().find('.specsmallcard').removeClass('specsmallcard');
507 531
508 532 
         addeventlisteners();
509 533 
         loadingActions.removeLoader();
 
@@ -561,7 +585,5 @@ console.log(obj.itemimageurl,'obj.itemimageurlobj.itemimageurlobj.itemimageurl')
561 585
562 586 
 }
563 587
564 
-
565 
-
566 588 
 startDetails();
567 589

+ 160
- 31
dist/Js/products/products.js Vedi File 

@@ -2,8 +2,61 @@ function ramProductsInit(){
2 2 
     let RAM_ID =  '';
3 3
4 4 
     async function init(){
5 
-        const id = await getProductIdService();
6 
-        getRamData(id)
5 
+        let id
6 
+        if(location.search==''&&(location.href.includes('laptops')||location.href.includes('allinones'))){
7 
+            id = await  getallproductsFun();
8 
+        }else{
9 
+            id = await getProductIdService();
10 
+        }
11 
+        getRamData(id);
12 
+
13 
+        swapSectionsVideo();
14 
+    }
15 
+
16 
+    async function getProductsIds(nameArr){
17 
+        let resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getallproducts`,true);
18 
+        if(resData.isError){
19 
+            toasterHelper("error","Something went wrong!")
20 
+            return;
21 
+        }
22 
+
23 
+        let res = resData.response;
24 
+
25 
+        res = JSON.parse(res.result);
26 
+        let ids = [];
27 
+
28 
+        for(let i=0;i<nameArr.length;i++){
29 
+            const currName = nameArr[i];
30 
+            let id = res.find((item)=>{
31 
+                if(currName === item.productname){
32 
+                    return item.productid;
33 
+                }
34 
+            })
35 
+            if(id){
36 
+                ids.push(id);
37 
+            }
38 
+        }
39 
+
40 
+        return ids;
41 
+
42 
+    }
43 
+
44 
+    async function getallproductsFun(){
45 
+        let laptopStr = ['FYRO Flagship','Zeno Dualbook','Zeno Sleekbook'];
46 
+        let allInOnesStr = ['AIO Zeno','AIO Fyro'];
47 
+
48 
+
49 
+
50 
+        let name = window.location.href;
51 
+
52 
+        name = name.includes('laptops') ?laptopStr : allInOnesStr;
53 
+
54 
+        const ids = await getProductsIds(name);
55 
+
56 
+        console.log(ids);
57 
+
58 
+        return ids;
59 
+
7 60 
     }
8 61
9 62 
     function getProductIdService(){
 
@@ -20,67 +73,143 @@ function ramProductsInit(){
20 73 
             res = JSON.parse(res.result);
21 74
22 75 
             console.log(res);
76 
+
77 
+            let searchName = window.location.search.split('?')[1];
23 78 
             let urlPathName = window.location.pathname;
24 79 
             let searchTerm = '';
25 80 
              if(urlPathName.includes('ram')){
26 81 
                 searchTerm = "RAM ORA";
27 82 
             }else if(urlPathName.includes('storage')){
28 83 
                 searchTerm = `SSD ORA`;
84 
+            }else{
85 
+                searchTerm = searchName.replaceAll('%20',' ');
29 86 
             }
30 
-            let resultItem = null;
31 
-
32 
-            for(let i=0;i<res.length;i++){
33 
-                if(res[i].productname.includes(searchTerm)){
34 
-                    resultItem = res[i];
35 
-                    break;
87 
+            let resultItem = [];
88 
+
89 
+            if(searchTerm.toLowerCase() === 'zeno'){
90 
+                for(let i=0;i<res.length;i++){
91 
+                    if(res[i].productname.includes("Zeno Sleekbook")||res[i].productname.includes("Zeno Dualbook")){
92 
+                        resultItem.push( res[i])
93 
+
94 
+                    }
36 95 
                 }
96 
+
97 
+                return reslove(resultItem)
98 
+            }else if(searchTerm.toLowerCase() === 'fyro'){
99 
+                for(let i=0;i<res.length;i++){
100 
+                    if(res[i].productname.includes("FYRO Flagship")){
101 
+                        resultItem.push( res[i]);
102 
+                        return reslove(resultItem)
103 
+                    }
104 
+                }
105 
+            }else{
106 
+                for(let i=0;i<res.length;i++){
107 
+                    if(res[i].productname.includes(searchTerm)){
108 
+                        resultItem.push( res[i])
109 
+
110 
+                    }
111 
+                }
112 
+
113 
+                return reslove(resultItem)
37 114 
             }
38 
-            const {productid} = resultItem;
39 
-            RAM_ID = productid;
40 
-            console.log(resultItem);
41 
-            return reslove(productid)
115 
+
116 
+
42 117
43 118 
         });
44 119 
     }
45 120
46 
-    async function getRamData(id){
47 
-        let resData =await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/itemtagscombination/productid/${id}`,true);
48 
-
49 
-        if(resData.isError){
50 
-            alert(resData.errorMsg.message);
51 
-            return;
52 
-        }
53 
-
54 
-        let res = resData.response;
121 
+    async function getRamData(ids){
122 
+        let resData;
123 
+        let res
124 
+        let data = [];
125 
+       let windowSearch = window.location.href;
126 
+        for(let i=0;i<ids.length;i++){
127 
+            let id = ids[i].productid;
128 
+            if (windowSearch.includes('laptops')||windowSearch.includes('allinones')) {
129 
+                resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/Bizgaze/integrations/products/getitemwithoutbranch/productid/${id}`, true);
130 
+            }
131 
+            else {
132 
+                resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/itemtagscombination/productid/${id}`, true);
133 
+            }
134 
+            if(resData.isError){
135 
+                alert(resData.errorMsg.message);
136 
+                return;
137 
+            }
138 
+
139 
+            res = resData.response;
55 140
56 
-        res = JSON.parse(res.result);
141 
+            res = JSON.parse(res.result);
142 
+            data = [...data,...res];
143 
+        }
144 
+
145 
+
146 
+
147 
+
57 148
58 
-        console.log(res);
149 
+        console.log(data);
59 150 
         let html = '';
60 151
61 
-        for(let i=0;i<res.length;i++){
62 
-            html += getRamCardHTML(res[i]);
152 
+        for(let i=0;i<data.length;i++){
153 
+            if(data[i].itemname.includes('AIO Fyro - 32')) continue;
154 
+            html += getRamCardHTML(data[i]);
63 155 
         }
64 156
65 157 
         $('.product_card_section').html(html);
66 158
67 
-        $('.ramcard').click(function(e){
159 
+        // $('.ramcard').click(function(e){
68 160
69 
-            let sku = $(e.target).data('itemid');
70 
-            let itemid = $(e.target).data('itemid');
161 
+        //     let sku = $(e.target).data('itemid');
162 
+        //     let itemid = $(e.target).data('itemid');
71 163
72 
-            window.location.href = `/productdetails.html?productId=${RAM_ID}#itemid=${itemid}`
164 
+        //     window.location.href = `/productdetails.html?productId=${RAM_ID}#itemid=${itemid}`
73 165
74 
-        })
166 
+        // })
75 167 
     }
76 168
77 
-    function getRamCardHTML({itemname,pricelist,itemid,sku,itemimageurl}){
169 
+    function getRamCardHTML({itemname,pricelist,itemid,sku,itemimageurl,productid}){
78 170 
         let img = itemimageurl ? imgServerNameBuild(itemimageurl) : './dist/assets/imgs/nophoto.png'
79 171 
         let tags = itemname.split('-');
80 172 
         let ramTech = tags[tags.length-2];
81 173 
         let gb =  tags[tags.length-1];
82 174 
         const [currencySymbol,amount] = getCurrencySymbol(pricelist);
83 175 
         let priceAmt = `${currencySymbol} ${amount}`;
176 
+
177 
+        let detailPageName;
178 
+        let addSearch = '?';
179 
+        if (window.location.href.includes('laptops')) {
180 
+            detailPageName = 'laptopdetails';
181 
+            let name = itemname.toLowerCase().includes('zeno') ? 'Zeno' : 'Fyro';
182 
+            addSearch = `?${name}`;
183 
+        } else {
184 
+            detailPageName = 'productdetails';
185 
+        };
186 
+
187 
+        debugger;
188 
+        return `<div class="col-lg-4 col-md-6 mb-4 col-md-6 ram_card cursor-pointer">
189 
+            <div class="card border bg-gray-3 rounded-3 p-1 h-100">
190 
+
191 
+            <a href="/${detailPageName}.html${addSearch}productId=${productid}#itemid=${itemid}" class=""><img  src="${img}" alt="${itemname}" class="w-100 h-100 p-5"></a>
192 
+                <div class="card-body">
193 
+                    <a href="/${detailPageName}.html${addSearch}productId=${productid}#itemid=${itemid}" class="">
194 
+                        <h5 class="card-title satoshi_font mb-0 px-2 text-center font-weight-600">${itemname}</h5>
195 
+                        </a>
196 
+                </div>
197 
+                <hr>
198 
+                <ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary" style="list-style: none;">
199 
+                    <li class="border-0 py-0">
200 
+                        <span class="satoshi_font">  <h6>${gb}</h6> <h6>${ramTech}</h6></span>
201 
+                    </li>
202 
+                    <li class="border-0 py-0">
203 
+                        <span class="satoshi_font"><h6>${pricelist?priceAmt:'Comming Soon'}</h6></span>
204 
+                    </li>
205 
+                </ul>
206 
+                <div class="card-body text-center">
207 
+                    <a href="/${detailPageName}.html?productId=${productid}#itemid=${itemid}" class="btn bg-white font-1-2 px-5 w-100">Details
208 
+                    </a>
209 
+                </div>
210 
+
211 
+            </div>
212 
+        </div>`
84 213
85 214 
         return `<div class="col-lg-4 col-md-6 mb-4 col-md-6 ram_card cursor-pointer">
86 215 
         <div class="card border bg-gray-3 rounded-3 p-1 h-100">

+ 9
- 9
dist/Js/shoppingcart/addtocart.js Vedi File 

@@ -120,7 +120,7 @@ function initAddToCart(){
120 120
121 121 
             cartObj[$('#skudetailitem').val()]  = {
122 122 
                 name:$('.productname').html(),
123 
-                price:$('.price').html(),
123 
+                price:$('.price').data('price'),
124 124 
                 quantity:$('#quantity').val(),
125 125 
                 img:$('.productDetailsMain img').attr('src'),
126 126 
                 sku:$('#skudetailitem').val(),
 
@@ -137,7 +137,7 @@ function initAddToCart(){
137 137 
         }else{
138 138 
             //if(!data[id]) data['length']++;
139 139 
             let name = $('.productname').html();
140 
-            let price = $('.price').html();
140 
+            let price = $('.price').data('price');
141 141 
             let quantity = $('#quantity').val();
142 142 
             let img = $('.productDetailsMain img').attr('src');
143 143 
             let sku = $('#skudetailitem').val();
 
@@ -180,7 +180,7 @@ function initAddToCart(){
180 180 
         $('#addtocart').html('Add to cart');
181 181 
         $('#addtocart').removeAttr('gotocart');
182 182 
         $('#addtocart').off('click').click((e)=>{
183 
-
183 
+     debugger
184 184 
             $('.insufficientqty').addClass('d-none');
185 185 
             const qty = parseInt($('#addtocart').data('qty'));
186 186 
       
@@ -188,18 +188,18 @@ function initAddToCart(){
188 188 
                 $('.insufficientqty').removeClass('d-none');
189 189 
                 return;
190 190 
             }
191 
-            // $('#addtocart').off().click(function (el){
192 
-            //     window.location.href = '/shopping-cart.html';
191 
+            $('#addtocart').off().click(function (el){
192 
+                window.location.href = '/shopping-cart.html';
193 193
194 
-            // });
194 
+            });
195 195
196 196 
             addToCartFun();
197 197
198 198 
             toasterHelper('success',"Item added to cart","toast-top-right");
199 199
200 
-        //    $('#addtocart').html('Go to cart');
201 
-        //    debugger;
202 
-        //    $('#addtocart').attr('gotocart',1);
200 
+           $('#addtocart').html('Go to cart');
201 
+
202 
+           $('#addtocart').attr('gotocart',1);
203 203 
         });
204 204
205 205 
         // $('.quantityHTML #quantity').off('change').change(function (e){

+ 1
- 0
dist/Js/shoppingcart/select_delivery.js Vedi File 

@@ -501,6 +501,7 @@ let Newuser =window.localStorage.getItem('isaccountCreated');
501 501 
             payload['OrderItems'] = orderItems;
502 502
503 503 
             debugger;
504 
+
504 505 
           try {
505 506 
             const res =  await API_SERVICES_ACTIONS.postAPIService(`apis/v4/bizgaze/integrations/salesorder/save`,payload);
506 507 
           console.log(res.response.result);;

+ 8
- 7
dist/Js/shoppingcart/shoppingcart.js Vedi File 

@@ -211,24 +211,25 @@ function shoppingCartInit() {
211 211
212 212 
     <div class=" inputcartaddmore d-flex gap-2 ${value >= 5 ? '' : 'd-none'}">
213 213 
         <input min="1" class="form-control" style="max-width:100px" value="${value <= 5 ? '5' : value}" type="number" />
214 
-        <button class="btn border-none bg-info">Add</button>
214 
+        <button class="bg-gradient-anwi border-none btn text-white">Add</button>
215 215 
     </div>
216 216 
         <div class="text-danger pt-2 insufficientqty d-none">Insufficient quantity</div>
217 217 
         </div>`
218 218 
     }
219 219
220 220 
     function shoppingCartDesktopHTML({ id, img, name, price, description, quantity, total, totalQty, productid, itemid }) {
221 
-        const [currencySymbol, amt] = getCurrencySymbol(price);
221 
+        const [currencySymbol, amount] = getCurrencySymbol(price);
222 
+        debugger;
222 223 
       let tamt = 0;
223 224 
         {
224 
-            const [currencySymbol, amt] = getCurrencySymbol(total);
225 
-            tamt = amt;
225 
+            const [currencySymbol, amount] = getCurrencySymbol(total);
226 
+            tamt = amount;
226 227 
         }
227 228 
         return `
228 229 
        <div class="d-none d-md-block">
229 230
230 231 
        <div  class="row bg-white   border-bottom py-4 d-flex justify-content-center align-items-center">
231 
-       <div class="col-md-2 text-center"><img src="https://appassets.bizgaze.app/_files/documents/663/5f6dc634-ffba-47d3-90d2-63004d9d41b6/LAPTOP_DDR5_32GB.jpeg" alt="${name}" class="img-fluid"></div>
232 
+       <div class="col-md-2 text-center"><img src="${img}" alt="${name}" class="img-fluid"></div>
232 233 
        <div class="col-md-4 ">
233 234
234 235 
            <a class="text-decoration-none text-blue fw-600 cursor-pointer" href="productdetails.html?productId=${productid}#itemid=${itemid}">${name}</a>
 
@@ -236,7 +237,7 @@ function shoppingCartInit() {
236 237 
            <span class="badge d-none text-bg-warning">8 Offers ></span>
237 238 
        </div>
238 239 
        <div class="col-md-2">
239 
-           <p class="text-right m-0"><span>${currencySymbol}</span> ${amt}</p>
240 
+           <p class="text-right m-0"><span>${currencySymbol}</span> ${amount}</p>
240 241 
        </div>
241 242 
        <div class="col-md-2 ">
242 243 
   
@@ -256,7 +257,7 @@ function shoppingCartInit() {
256 257 
     <div class="row d-block d-md-none smallcart py-3">
257 258 
     <div class="row bg-white py-5 m-0">
258 259 
     <div class="col-4 text-center">
259 
-    <img src="https://appassets.bizgaze.app/_files/documents/663/5f6dc634-ffba-47d3-90d2-63004d9d41b6/LAPTOP_DDR5_32GB.jpeg" alt="${name}" class="img-fluid">
260 
+    <img src="${img}" alt="${name}" class="img-fluid">
260 261 
 </div>
261 262 
 <div class="col-8 position-relative d-flex flex-column gap-1">
262 263

+ 64
- 1
dist/Js/utils/helpers.js Vedi File 

@@ -77,6 +77,40 @@ function toasterHelper(type, message, align = 'toast-top-center') {
77 77 
     }
78 78 
 }
79 79
80 
+async function getMulFileToGetBase64(event) {
81 
+    let files = event.target.files;
82 
+    let filePromise = [];
83 
+    for (let i = 0; i < files.length; i++) {
84 
+      let currFile = files[i];
85 
+      let currFilePromise = new Promise((resolve, reject) => {
86 
+        const reader = new FileReader();
87 
+        reader.readAsDataURL(currFile);
88 
+        // Wait till complete
89 
+        reader.onloadend = function () {
90 
+          let base64String = reader.result
91 
+            .toString()
92 
+            .replace(/^data:.+;base64,/, "");
93 
+          let fileReq = {
94 
+            FileData: base64String,
95 
+            FileName: currFile.name.split(".").slice(0, -1).join("."),
96 
+            FileType: currFile.name.split(".").pop(),
97 
+            RefId: 0,
98 
+            "ByteData": null,
99 
+            "FilePath": ""
100 
+          };
101 
+          resolve(fileReq);
102 
+        };
103 
+        // Make sure to handle error states
104 
+        reader.onerror = function (e) {
105 
+          reject(e);
106 
+        };
107 
+      });
108 
+      filePromise.push(currFilePromise)
109 
+    }
110 
+
111 
+    return Promise.all(filePromise);
112 
+}
113 
+
80 114
81 115 
 function containsSpecialCharsHelper(str) {
82 116 
     const specialChars = /[`!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/;
 
@@ -84,4 +118,33 @@ function containsSpecialCharsHelper(str) {
84 118 
 }
85 119 
 const isUpperCaseHelper = (string) => /^(?=.*[A-Z])/.test(string);
86 120 
 const isLowerCaseHelper = (string) => /^(?=.*[a-z])/.test(string);
87 
-const isNumberContainsHelper = (string) => /\d/.test(string);
121 
+const isNumberContainsHelper = (string) => /\d/.test(string);
122 
+
123 
+function swapSectionsVideo(){
124 
+    function swapSections() {
125 
+        var sectionOne = document.querySelector('.section-one');
126 
+        var sectionTwo = document.querySelector('.section-two');
127 
+
128 
+        let nextSibling = sectionOne.nextSibling;
129 
+        var isMobile = window.matchMedia("(max-width: 768px)").matches;
130 
+        if(!isMobile) return;
131 
+
132 
+        if(nextSibling){
133 
+            sectionOne.insertAdjacentElement("beforeBegin",sectionTwo)
134 
+        }else{
135 
+            sectionOne.parentNode.insertBefore(sectionOne, sectionTwo);
136 
+        }
137 
+
138 
+       // sectionOne.parentNode.insertBefore(sectionOne, sectionTwo);
139 
+    }
140 
+    swapSections();
141 
+
142 
+    // Call the swapSections function on load and resize
143 
+    // window.addEventListener('load', swapSections);
144 
+    window.addEventListener('resize', swapSections);
145 
+
146 
+    setTimeout(function (){
147 
+        document.querySelector('auth-loader').hide();
148 
+        $('.loading-main').removeClass('d-none');
149 
+    },1000);
150 
+}

+ 26
- 8
dist/css/main.css Vedi File 

@@ -1,4 +1,3 @@
1 
-
2 1 
 /* Orbitron */
3 2
4 3 
 @font-face {
 
@@ -77,6 +76,10 @@ html {
77 76 
     scroll-behavior: smooth !important;
78 77 
 }
79 78
79 
+:root{
80 
+    --main-gradient :radial-gradient(circle, rgba(218,225,242,1) 0%, rgba(217,228,244,1) 49%, rgba(226,191,225,1) 100%);
81 
+}
82 
+
80 83 
 body {
81 84 
     box-sizing: border-box;
82 85 
     overflow-x: hidden;
 
@@ -1445,11 +1448,24 @@ span.transform_text1 {
1445 1448 
     transform: rotate(-90deg);
1446 1449 
     -webkit-text-fill-color: transparent;
1447 1450 
     -webkit-text-stroke: 1px rgb(200 199 199);
1448 
-    left: -308px;
1451 
+    left: -290px;
1449 1452 
     top: 54%;
1450 
-    font-size: 47px;
1453 
+    font-size: 44px;
1451 1454 
     font-family: "Orbitron", sans-serif !important;
1452 1455 
 }
1456 
+span.transform_text_1 {
1457 
+    position: absolute;
1458 
+    transform: rotate(-90deg);
1459 
+    -webkit-text-fill-color: transparent;
1460 
+    -webkit-text-stroke: 1px rgb(200 199 199);
1461 
+    left: -364px;
1462 
+    top: 39%;
1463 
+    font-size: 90px;
1464 
+    font-family: "Orbitron", sans-serif !important;
1465 
+}
1466 
+.w-65{
1467 
+    width: 67%!important;
1468 
+}
1453 1469 
 span.transform_text2 {
1454 1470 
     position: absolute;
1455 1471 
     transform: rotate(-90deg);
 
@@ -1465,12 +1481,12 @@ span.transform_text2 {
1465 1481 
 }
1466 1482 
 #ora_products{
1467 1483 
     /* background: #eef0f3; */
1468 
-    background-image: url(../assets/imgs/productimg/banner_plan.png);
1484 
+    background: var(--main-gradient);
1469 1485 
     background-repeat: no-repeat;
1470 1486 
     background-size: cover;
1471 1487 
 }
1472 1488 
 #laptop_memory_sec{
1473 
-    background: url(../assets/imgs/allin_imgs/laptop_bg.png);
1489 
+    background: var(--main-gradient);
1474 1490 
     background-repeat: no-repeat;
1475 1491 
     background-size: cover;
1476 1492 
 }
 
@@ -1480,7 +1496,7 @@ span.transform_text2 {
1480 1496 
     background-size: cover; */
1481 1497 
 }
1482 1498 
 #desktop_memory_sec{
1483 
-    background: url(../assets/imgs/allin_imgs/desktop_bg.png);
1499 
+    background: var(--main-gradient);
1484 1500 
     background-repeat: no-repeat;
1485 1501 
     background-size: cover;
1486 1502 
 }
 
@@ -1519,7 +1535,9 @@ display: none;
1519 1535 
   .bg-gradient-violet{
1520 1536 
     /* background: linear-gradient(90deg, rgba(230,242,244,1) 6%, rgba(236,228,220,1) 100%);
1521 1537 
      */
1522 
-    background:url(../assets/imgs/login_bg.png);
1538 
+  /*  background:url(../assets/imgs/login_bg.png);*/
1539 
+  background: rgb(218,225,242);
1540 
+background: var(--main-gradient);
1523 1541 
     background-size: cover;
1524 1542 
     background-repeat: no-repeat;
1525 1543 
 }
 
@@ -1961,7 +1979,7 @@ a:hover {
1961 1979 
 }
1962 1980 
 .tab-content img{
1963 1981 
     width: 100%;
1964 
-    min-width:120px;
1982 
+    min-width:70px;
1965 1983 
 }
1966 1984 
 .w-250{
1967 1985 
     width: 250px;

+ 2
- 1
dist/css/pages/productdetails.css Vedi File 

@@ -128,5 +128,6 @@
128 128 
 }
129 129
130 130 
 .specContainer > div{
131 
-    flex-basis: 50%;
131 
+    /* flex-basis: 50%; */
132 
+    width: 100%;
132 133 
 }

+ 1
- 0
dist/css/pages/selectdelivery.css Vedi File 

@@ -27,6 +27,7 @@ h5{
27 27 
     height: 30px;
28 28 
     width: 30px;
29 29 
     line-height: 1;
30 
+    padding: 15px;
30 31 
 }
31 32
32 33 
 .info-numberbox.selectdonefiled{

+ 252
- 32
dist/css/style.css Vedi File 

@@ -2272,6 +2272,7 @@ textarea:focus {
2272 2272 
   top: 0;
2273 2273 
   width: 100%;
2274 2274 
   z-index: 99;
2275 
+
2275 2276 
 }
2276 2277
2277 2278 
 /*--
 
@@ -4063,17 +4064,21 @@ margin-bottom: 0.5rem !important;
4063 4064 
       -ms-flex-pack: end;
4064 4065 
           justify-content: flex-end;
4065 4066 
 }
4066 
-
4067 
+.main-menu > nav > ul{
4068 
+  display: flex;
4069 
+  list-style: none;
4070 
+}
4067 4071 
 .main-menu > nav > ul > li {
4068 
-  display: inline-block;
4069 
-  position: relative;
4072 
+  /* display: inline-block; */
4073 
+  /* position: relative; */
4074 
+  padding: 0px 33px 0px 2px;
4070 4075 
 }
4071 4076 
 .main-menu > nav > ul > li:hover::after{
4072 4077 
     content: '';
4073 4078 
     position: absolute;
4074 4079 
     bottom: -1px;
4075 4080 
     left: -10px;
4076 
-    background: rgb(63, 76, 119,0.5);
4081 
+    /* background: rgb(63, 76, 119,0.5); */
4077 4082 
     height: 1px;
4078 4083 
     width: 100%;
4079 4084 
     z-index: 200;
 
@@ -4124,20 +4129,48 @@ margin-bottom: 0.5rem !important;
4124 4129 
 .main-menu > nav > ul > li > ul {
4125 4130 
   /* -webkit-box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
4126 4131 
           box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09); */
4127 
-  background-color: #ffffff;
4132 
+  /* background-color: #ffffff; */
4128 4133 
   position: absolute;
4129 
-  top: 100%;
4134 
+  /* top: 100%; */
4130 4135 
   left: 0;
4131 
-  /* -webkit-transition: margin .1s linear .3s,visibility .1s linear .3s,opacity .1s linear .3s;
4132 
-  -o-transition: margin .1s linear .3s,visibility .1s linear .3s,opacity .1s linear .3s; */
4133 
-  /* transition: margin .1s linear .3s,visibility .1s linear .3s,opacity .1s linear .3s; */
4134 
-  transition-duration: .4s;
4135 
-  transition-delay: .4s;
4136 
+  transform-origin: center top;
4137 
+  /* -webkit-transform: scaleY(0);
4138 
+  transform: scaleY(0); */
4139 
+  background-color: hsl(0deg 0% 100%);
4136 4140 
   opacity: 0;
4137 4141 
   visibility: hidden;
4138 4142 
   margin-top: 20px;
4139 4143 
   z-index: 9999;
4144 
+  width: 100%;
4145 
+  border-top: 1px solid #d3d3d352;
4146 
+  border-bottom: 1px solid #d3d3d352;
4147 
+  box-shadow: 1px 5px 8px -3px rgb(92 88 88 / 21%);
4148 
+  -webkit-box-shadow: 1px 5px 8px -3px rgb(92 88 88 / 21%);
4149 
+  -webkit-transition: background-color .3s linear, border-top-color .45s linear, -webkit-transform .2s linear;
4150 
+  transition: background-color .3s linear, border-top-color .45s linear, -webkit-transform .2s linear;
4151 
+  transition: transform .3s linear, background-color .3s linear, border-top-color .45s linear;
4152 
+  transition: transform .3s linear, background-color .3s linear, border-top-color .45s linear, -webkit-transform .2s linear;
4153 
+}
4154 
+.nav_imgs{
4155 
+width:100%;
4156 
+max-width: 100px;
4157 
+}
4158 
+.nav_logo{
4159 
+  width: 110px;
4140 4160 
 }
4161 
+.main-menu > nav > ul > li:hover > ul {
4162 
+  opacity: 1;
4163 
+  visibility: visible;
4164 
+  margin-top: 0px;
4165 
+  -webkit-transform: scaleY(1);
4166 
+  transform: scaleY(1);
4167 
+}
4168 
+/* .nav_items{
4169 
+  filter: opacity(0.5);
4170 
+}
4171 
+.nav_items:hover{
4172 
+  filter: opacity(1.5);
4173 
+} */
4141 4174
4142 4175 
 @media only screen and (min-width: 1200px) and (max-width: 1365px) {
4143 4176 
   .main-menu > nav > ul > li > ul {
 
@@ -4499,12 +4532,6 @@ margin-bottom: 0.5rem !important;
4499 4532 
   letter-spacing: 1px;
4500 4533 
 }
4501 4534
4502 
-.main-menu > nav > ul > li:hover > ul {
4503 
-  opacity: 1;
4504 
-  visibility: visible;
4505 
-  margin-top: 0px;
4506 
-}
4507 
-
4508 4535 
 .main-menu.main-menu-white > nav > ul > li > a {
4509 4536 
   color: #ffffff;
4510 4537 
 }
 
@@ -4522,20 +4549,20 @@ margin-bottom: 0.5rem !important;
4522 4549 
   line-height: 75px;
4523 4550 
 }
4524 4551
4525 
-.main-menu.main-menu-padding-1 > nav > ul > li {
4552 
+/* .main-menu.main-menu-padding-1 > nav > ul > li {
4526 4553 
   padding: 0 16px 0 0;
4527 
-}
4554 
+} */
4528 4555
4529 4556 
 @media only screen and (min-width: 1366px) and (max-width: 1600px) {
4530 4557 
   .main-menu.main-menu-padding-1 > nav > ul > li {
4531 
-    margin: 0 20px 0 0;
4558 
+    padding: 0 33px 0 2px;
4532 4559 
   }
4533 4560 
 }
4534 4561
4535 4562 
 @media only screen and (min-width: 1200px) and (max-width: 1365px) {
4536 
-  .main-menu.main-menu-padding-1 > nav > ul > li {
4563 
+  /* .main-menu.main-menu-padding-1 > nav > ul > li {
4537 4564 
     padding: 0 20px 0 0;
4538 
-  }
4565 
+  } */
4539 4566 
 }
4540 4567
4541 4568 
 .main-menu.main-menu-padding-1 > nav > ul > li:last-child {
 
@@ -4847,7 +4874,7 @@ margin-bottom: 0.5rem !important;
4847 4874 
     -webkit-flex: 0 0 40%;
4848 4875 
         -ms-flex: 0 0 40%;
4849 4876 
             flex: 0 0 40%;
4850 
-    max-width: 40%;
4877 
+    max-width: 20%;
4851 4878 
   }
4852 4879 
 }
4853 4880 
 
@@ -31684,7 +31711,8 @@ h4.checkout-title::before {
31684 31711 
 }
31685 31712
31686 31713 
 .bg-gradient-anwi {
31687 
-  background: linear-gradient(112.1deg, rgb(63, 76, 119) -14.8%, rgb(32, 38, 57) 100.4%);
31714 
+  /*background: linear-gradient(112.1deg, rgb(63, 76, 119) -14.8%, rgb(32, 38, 57) 100.4%);*/
31715 
+background:#000;
31688 31716 
 }
31689 31717
31690 31718 
 .loginContainer .nav-pills .nav-link.active {
 
@@ -31818,13 +31846,25 @@ input[type=number]::-webkit-outer-spin-button {
31818 31846 
   margin-top: 4px;
31819 31847 
 }
31820 31848
31821 
-@media (max-width: 768px) {
31822 
-  #carouselExampleAutoplaying{
31823 
-    padding-top: 3rem;
31824 
-  }
31825 
-  .services.bg-gradient-anwi{
31826 
-    display: none;
31827 
-  }
31849 
+
31850 
+
31851 
+
31852 
+
31853 
+.orderdetails .checkoutbtn{
31854 
+  width: 100px;
31855 
+}
31856 
+
31857 
+.videospinning{
31858 
+  position: absolute;
31859 
+  top: 0;
31860 
+  left: 0;
31861 
+  background: #000000b3;
31862 
+  width: 100%;
31863 
+  height: 100%;
31864 
+}
31865 
+
31866 
+.orderdetails{
31867 
+  min-width: 800px;
31828 31868 
 }
31829 31869
31830 31870 
 .form-control.is-invalid, .was-validated .form-control:invalid{
 
@@ -31858,4 +31898,184 @@ input[type=number]::-webkit-outer-spin-button {
31858 31898 
     width: 94%;
31859 31899 
     z-index: 1;
31860 31900 
     overflow-y: auto;
31861 
-}
31901 
+}
31902 
+
31903 
+
31904 
+.font-14{
31905 
+  font-size: 14px;
31906 
+}
31907 
+
31908 
+/* / added by rahul  / */
31909 
+.bg-blur {
31910 
+    background: #706c6c85;
31911 
+}
31912 
+
31913 
+.text-blue-1 {
31914 
+    color: #6fcfed;
31915 
+}
31916 
+
31917 
+.text-fyro {
31918 
+    color: #e86129;
31919 
+}
31920 
+
31921 
+.fyro_steamlined_section {
31922 
+  background-color: #000;
31923 
+}
31924 
+.fyro_steamlined_section .fyro_logo img {
31925 
+  width: 150px;
31926 
+}
31927 
+.fyro_steamlined_section .fyro_products_main_container .Two_four_inch_Card {
31928 
+  background: radial-gradient(#b8e9ff, #35abe1);
31929 
+  width: 100%;
31930 
+}
31931 
+/* .fyro_steamlined_section .fyro_products_main_container .left-spacer-card {
31932 
+  max-width: 86%;
31933 
+} */
31934 
+.fyro_steamlined_section .fyro_products_main_container .fyro_sleekbook_1 {
31935 
+  background: radial-gradient(#f5bba8, #d48970);
31936 
+}
31937 
+.fyro_steamlined_section .fyro_products_main_container .fyro_sleekbook_2 {
31938 
+  background: radial-gradient(#c5cbd7, #7E8084);
31939 
+}
31940 
+
31941 
+.disabled-option-item{
31942 
+  pointer-events: none;
31943 
+  background-color: #cccccc3b;
31944 
+opacity:0.5;
31945 
+}
31946 
+
31947 
+.nav-tab-show img{
31948 
+  width: 120px;
31949 
+  height: 80px;
31950 
+}
31951 
+
31952 
+.titleproductnav{
31953 
+  margin-bottom: 0;
31954 
+}
31955 
+
31956 
+.btnForgotback {
31957 
+  position: absolute;
31958 
+  top:8%;
31959 
+}
31960 
+
31961 
+.productDetailsShadow > div{
31962 
+  -webkit-box-shadow: 0 10px 20px rgba(3, 9, 25, 0.07);
31963 
+  box-shadow: 0 10px 20px rgba(3, 9, 25, 0.07);
31964 
+  background-color: #fff;
31965 
+  padding: 68px 60px 103px 60px;
31966 
+  margin-top: 10px;
31967 
+  margin-left: 20px;
31968 
+  display: block;
31969 
+}
31970 
+
31971 
+.gap-4r{
31972 
+  gap:4rem;
31973 
+}
31974 
+
31975 
+.font-12p{
31976 
+  font-size: 12px;
31977 
+}
31978 
+
31979 
+ .showspecsul{
31980 
+    list-style: circle;
31981 
+  }
31982 
+
31983 
+  /* .showspecsul >li::before{
31984 
+    content: "\203A";
31985 
+    padding-right: 5px;
31986 
+  } */
31987 
+
31988 
+  .showspecsul > li{
31989 
+    text-align: left;
31990 
+
31991 
+  }
31992 
+
31993 
+.btn.disabled, .btn:disabled, fieldset:disabled .btn{
31994 
+opacity:0.2!important;
31995 
+}
31996 
+
31997 
+.colorselector{
31998 
+  padding: 2px;
31999 
+}
32000 
+
32001 
+.borderselector.colorselector{
32002 
+  /* border-width: 3px; */
32003 
+
32004 
+  outline: #081348 solid 2px;
32005 
+}
32006 
+
32007 
+.sub_nav_container {
32008 
+  transition: all .2s ease;
32009 
+}
32010 
+
32011 
+.supportlistview{
32012 
+  border: none !important;
32013 
+    padding: 0;
32014 
+    margin: 0;
32015 
+    background: none !important;
32016 
+    text-align: white;
32017 
+    color: black !important;
32018 
+}
32019 
+
32020 
+.supportlistview:hover{
32021 
+  background: none !important;
32022 
+    text-align: white;
32023 
+    color: black !important;
32024 
+    border: none !important;
32025 
+    cursor: pointer;
32026 
+}
32027 
+
32028 
+.removeFilesupportticket > svg{
32029 
+  padding: 0 !important;
32030 
+  pointer-events: none;
32031 
+}
32032 
+
32033 
+@media (max-width: 768px) {
32034 
+  #carouselExampleAutoplaying{
32035 
+    padding-top: 3rem;
32036 
+  }
32037 
+  .services.bg-gradient-anwi{
32038 
+    display: none;
32039 
+  }
32040 
+
32041 
+  .font-1-5{
32042 
+    font-size: 1rem;
32043 
+  }
32044 
+
32045 
+  .specContainer {
32046 
+    flex-direction: column !important;
32047 
+  }
32048 
+
32049 
+  .orderdetails{
32050 
+    min-width: inherit !important;
32051 
+  }
32052 
+
32053 
+  .productDetailsShadow > div{
32054 
+    padding:10px;
32055 
+    box-shadow: none;
32056 
+  }
32057 
+  .showspecsul{
32058 
+    list-style: none;
32059 
+  }
32060 
+
32061 
+
32062 
+
32063 
+  .showspecsul > li{
32064 
+    text-align: center;
32065 
+
32066 
+  }
32067 
+
32068 
+  .myaccount-tab-menu {
32069 
+    margin-top: 1rem;
32070 
+  }
32071 
+
32072 
+  .tab-content img {
32073 
+    min-width: 70px;
32074 
+  }
32075 
+
32076 
+  .cartnumcount{
32077 
+    padding: 3px 7px;
32078 
+    height: 24px;
32079 
+  }
32080 
+
32081 
+}

+ 1
- 1
dist/css/vendor/bootstrap.min.css
File diff soppresso perché troppo grande
Vedi File


+ 467
- 197
index.html Vedi File 

@@ -33,26 +33,30 @@
33 33
34 34 
     <title>Anwi</title>
35 35 
     <style>
36 
-        .slick-prev{
36 
+        .slick-prev {
37 37 
             position: absolute;
38 38 
             padding: 10px 15px;
39 39 
             z-index: 1;
40 40 
             left: -25px;
41 
-            top: 70px;
41 
+            top: 45%;
42 42 
             border-radius: 50%;
43 43 
             background: rgb(63, 76, 119);
44 44 
         }
45 
-        .slick-next{
45 
+
46 
+        .slick-next {
46 47 
             position: absolute;
47 48 
             padding: 10px 15px;
48 49 
             right: -25px;
49 
-            top: 70px;
50 
+            top: 45%;
50 51 
             border-radius: 50%;
51 52 
             background: rgb(63, 76, 119);
52 53 
         }
53 
-        .slick-prev.btn:hover, .slick-next.btn:hover{
54 
-            background: rgb(63, 76, 119);
54 
+
55 
+        .slick-prev.btn:hover,
56 
+        .slick-next.btn:hover {
57 
+            background: rgb(63, 76, 119);
55 58 
         }
59 
+
56 60 
         /* .graphene_text::after{
57 61 
             content: "";
58 62 
             display: block;
 
@@ -62,13 +66,11 @@
62 66 
             left: 0;
63 67 
         } */
64 68
65 
-        .slick-track
66 
-        {
69 
+        .slick-track {
67 70 
             display: flex !important;
68 71 
         }
69 72
70 
-        .slick-slide
71 
-        {
73 
+        .slick-slide {
72 74 
             height: inherit !important;
73 75 
         }
74 76 
     </style>
 
@@ -90,15 +92,27 @@
90 92 
                                 class="active carousel_btn" aria-current="true" aria-label="Slide 1"></button>
91 93 
                             <button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="1"
92 94 
                                 aria-label="Slide 2" class="carousel_btn"></button>
95 
+                            <button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="2"
96 
+                                aria-label="Slide 3" class="carousel_btn"></button>
97 
+                            <button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="3"
98 
+                                aria-label="Slide 4" class="carousel_btn"></button>
93 99 
                         </div>
94 100 
                         <div class="carousel-inner">
95 101 
                             <div class="carousel-item active" id="carousel_item1">
96 102 
                                 <img src="./dist/assets/imgs/allin_imgs/oradesktop.png"
97 103 
                                     class="d-block mx-auto w-100 carousel_img" alt="...">
98 104 
                             </div>
99 
-                            <div class="carousel-item " id="carousel_item4">
100 
-                                <img src="./dist/assets/imgs/allin_imgs/oranvme.png" class="d-block w-100 mx-auto carousel_img"
101 
-                                    alt="...">
105 
+                            <div class="carousel-item " id="carousel_item2">
106 
+                                <img src="./dist/assets/imgs/allin_imgs/oranvme.png"
107 
+                                    class="d-block w-100 mx-auto carousel_img" alt="...">
108 
+                            </div>
109 
+                            <div class="carousel-item" id="carousel_item3">
110 
+                                <img src="./dist/assets/imgs/allin_imgs/sleekbookbanner.jpg" alt=""
111 
+                                    class="d-block mx-auto w-100 carousel_img">
112 
+                            </div>
113 
+                            <div class="carousel-item" id="carousel_item4">
114 
+                                <img src="./dist/assets/imgs/allin_imgs/allinonebanner.jpg" alt=""
115 
+                                    class="d-block mx-auto w-100 carousel_img">
102 116 
                             </div>
103 117 
                         </div>
104 118 
                     </div>
 
@@ -106,12 +120,276 @@
106 120 
             </section>
107 121 
         </section>
108 122 
         <!-- end-banner -->
123 
+
124 
+        <!-- zeno section start  -->
125 
+        <section class="zeno_steamlined_section py-5">
126 
+            <div class="container">
127 
+                <div class="zeno_steamlined_section_heading">
128 
+                    <div class="d-flex align-items-center justify-content-center ">
129 
+                        <div class="zeno_logo">
130 
+                            <img src="./dist/assets/imgs/Home_new/Zeno_head_logo.png" class="img-fluid" alt="">
131 
+                        </div>
132 
+                        <div class="zeno_section_heading_titleText ms-4">
133 
+                            <h1 class="text-white">Streamlined and Efficient Computing!</h1>
134 
+                            <h6 class="text-white satoshi_font">ZENO, the ideal choice for those who value efficiency
135 
+                                and affordability.</h6>
136 
+                        </div>
137 
+                    </div>
138 
+                </div>
139 
+                <div class="zeno_products_main_container position-relative">
140 
+                    <div class="row mt-4 justify-content-center">
141 
+                        <div class="col-lg-6 h-100 d-none d-lg-block">
142 
+                            <div class="">
143 
+                                <div class="card ms-auto Two_four_inch_Card">
144 
+                                    <img src="./dist/assets/imgs/laptop_aio/Zeno/all-in-one 21.5 inch/1 (3).png"
145 
+                                        class="img-fluid  w-65 w-sm-75 mx-auto" alt="...">
146 
+                                    <div class="card-body px-lg-5 pb-lg-5 pt-0 ms-5 text-white">
147 
+                                        <h5 class="card-text satoshi_font fw-bold">Zeno All-in-One  23.8 inch</h5>
148 
+
149 
+                                      <ul  class="showspecsul">
150 
+                                        <li> 23.8 inch FHD Display</li>
151 
+                                        <li>Intel<sup>®</sup> Core<sup>™</sup> i5-| i7 Processor (12th Gen)</li>
152 
+                                        <li>24 GB RAM | 1 TB M.2 NVMe</li>
153 
+                                      </ul>
154 
+
155 
+                                        <h5 class="card-text my-3"><small class="satoshi_font">Starting from ₹
156 
+                                                33,990</small></h5>
157 
+                                        <a class="btn btn-dark button_dark" href="/laptopdetails.html?AIO%20Zeno#productId=106633230000026#itemid=106633240000110">Coming Soon</a>
158 
+                                    <p></p>
159 
+                                    </div>
160 
+                                </div>
161 
+                            </div>
162 
+                        </div>
163 
+                        <div class="col-12 d-block d-lg-none">
164 
+                            <div class="card mb-4 Two_four_inch_Card">
165 
+                                <div class="row g-0 px-3 p-md-3 py-lg-4 flex-column-reverse flex-md-row">
166 
+                                    <div class="col-lg-6 col-md-6">
167 
+                                        <div class="card-body p-lg-5 text-white">
168 
+                                            <p class="card-text satoshi_font fw-bold">24 Inch All-In-One</p>
169 
+                                            <ul  class="showspecsul">
170 
+                                        <li>24" 2K FHD</li>
171 
+                                        <li>Intel<sup class="copy-right_sup">®</sup> Core<sup class="trademark_sup">TM</sup> i5 13400 | 16GB</li>
172 
+                                        <li>Memory | 1TB NVMe </li>
173 
+                                      </ul>
174 
+                                            <p class="card-text satoshi_font mb-2"></p>
175 
+                                            <p class="card-text satoshi_font mb-2">
176 
+                                                </p>
177 
+                                            <p class="card-text satoshi_font mb-2" style="visibility: hidden;">Starting
178 
+                                                from ₹ 54,999</p>
179 
+                                            <a class="btn btn-dark button_dark" href="#">Coming Soon</a>
180 
+                                        </div>
181 
+                                    </div>
182 
+                                    <div class="col-md-6 my-auto">
183 
+                                        <img src="./dist/assets/imgs/Home/all-in-one-mobile.png"
184 
+                                            class="img-fluid rounded-start w-lg-100 w-sm-75 p-3" alt="...">
185 
+                                    </div>
186 
+                                </div>
187 
+                            </div>
188 
+                        </div>
189 
+                        <div class="col-lg-6 h-100">
190 
+                            <div class="card mb-4 zeno_sleekbook_1">
191 
+                                <div
192 
+                                    class="row g-0 px-3 p-md-3 py-lg-4 flex-sm-row-reverse flex-lg-row flex-column-reverse ">
193 
+                                    <div class="col-lg-6 col-md-6">
194 
+                                        <div class="card-body">
195 
+                                            <div class="py-lg-2">
196 
+                                                <h5 class="card-title mb-2 satoshi_font fw-bold">Zeno Sleekbook 14.1 inch</h5>
197 
+
198 
+                                                <ul class="showspecsul">
199 
+                                                 <li>14.1 inch 2.5K Display</li>
200 
+                                                 <li>Intel<sup>®</sup> Core<sup>™</sup> i5-| i7 (12th Gen)</li>
201 
+                                                 <li>24 GB RAM , 1 TB M.2 NVMe</li>
202 
+                                                  </ul>
203 
+
204 
+                                                <h5 class="card-text my-4"><small class="satoshi_font">Starting from ₹
205 
+                                                        54,990</small></h5>
206 
+                                                <a class="btn btn-dark button_dark" href="/laptopdetails.html?Zeno#productId=106633230000029">Coming Soon</a>
207 
+                                            </div>
208 
+                                        </div>
209 
+                                    </div>
210 
+                                    <div class="col-md-6 my-auto">
211 
+                                        <img src="./dist/assets/imgs/laptop_aio/Zeno/14.1-1/14 inch.png"
212 
+                                            class="img-fluid rounded-start w-sm-50 pt-md-0 pt-5" alt="...">
213 
+                                    </div>
214 
+                                </div>
215 
+                            </div>
216 
+                            <div class="card mb-3 zeno_sleekbook_2">
217 
+                                <div class="row g-0 px-3 p-md-3 py-lg-3 flex-column-reverse flex-md-row">
218 
+                                    <div class="col-lg-6 col-md-6">
219 
+                                        <div class="card-body">
220 
+                                            <div class="py-lg-2">
221 
+                                                <h5 class="card-title satoshi_font mb-2 fw-bold">Zeno Sleekbook 15.6
222 
+                                                    inch</h5>
223 
+                                                    <ul class="showspecsul">
224 
+                                                        <li>15.6 inch 4k Display</li>
225 
+                                                        <li>Intel<sup>®</sup> Core<sup>™</sup> i5-| i7 (12th Gen)</li>
226 
+                                                        <li>24 GB RAM , 1 TB M.2 NVMe</li>
227 
+                                                    </ul>
228 
+
229 
+                                                <h5 class="card-text my-4"><small class="satoshi_font">Starting from ₹
230 
+                                                        57,990</small></h5>
231 
+
232 
+                                                <a class="btn btn-dark button_dark" href="/laptopdetails.html?Zeno#productId=106633230000029">Coming Soon </a>
233 
+                                            </div>
234 
+
235 
+                                        </div>
236 
+                                    </div>
237 
+                                    <div class="col-md-6 my-auto">
238 
+                                        <img src="./dist/assets/imgs/laptop_aio/Zeno/15.6 inches/15 inch.png"
239 
+                                            class="img-fluid rounded-start w-lg-100 w-200 mt-3" alt="...">
240 
+                                    </div>
241 
+                                </div>
242 
+                            </div>
243 
+                        </div>
244 
+                    </div>
245 
+                    <div class="d-md-block d-none">
246 
+                        <span class="transform_text_1">Zeno&nbsp;Series</span>
247 
+                    </div>
248 
+                </div>
249 
+            </div>
250 
+        </section>
251 
+        <!-- zeno section start  -->
252 
+
253 
+        <!-- fyro section start  -->
254 
+        <section class="fyro_steamlined_section py-md-5">
255 
+            <div class="container">
256 
+                <div class="fyro_steamlined_section_heading">
257 
+                    <div class="d-flex align-items-center justify-content-center ">
258 
+                        <div class="fyro_logo">
259 
+                            <img src="./dist/assets/imgs/Home_new/Fyro_img.png" class="img-fluid" alt="">
260 
+                        </div>
261 
+                        <div class="fyro_section_heading_titleText ms-4">
262 
+                            <h1 class="text-white">Unleash the Power of GPU!</h1>
263 
+                            <h6 class="text-white satoshi_font">Explore the world of advanced computing with FYRO.</h6>
264 
+                        </div>
265 
+                    </div>
266 
+                </div>
267 
+                <div class="fyro_products_main_container position-relative">
268 
+                    <div class="row mt-4 justify-content-center">
269 
+                        <div class="col-lg-6 text-center text-md-start h-100">
270 
+                            <div class="">
271 
+                                <div class="position-relative d-none">
272 
+                                    <span class="transform_text">FYRO&nbsp;Series</span>
273 
+                                </div>
274 
+                                <div class="left-spacer-card">
275 
+                                    <div class="card mb-4 fyro_sleekbook_1">
276 
+                                        <div class="row g-0 px-3 p-md-3 py-lg-4 flex-sm-row-reverse flex-lg-row flex-column-reverse ">
277 
+                                            <div class="col-lg-6 col-md-6">
278 
+                                                <div class="card-body">
279 
+                                                    <div class="py-lg-4">
280 
+                                                        <h5 class="card-title mb-2 satoshi_font fw-bold">FYRO 17.3 RTX 4080</h5>
281 
+                                                            <ul  class="showspecsul">
282 
+                                                                <li>17.3 inch IPS level LCD</li>
283 
+                                                                <li>Intel<sup>®</sup> Core<sup>™</sup> i9</li>
284 
+                                                                <li>32 GB RAM , 2 TB M.2 NVMe</li>
285 
+
286 
+                                                            </ul>
287 
+
288 
+                                                        <h5 class="card-text my-3">
289 
+                                                            <small class="satoshi_font">Starting from ₹ 2,49,990</small>
290 
+                                                        </h5>
291 
+                                                        <a class="btn btn-dark button_dark" href="/laptopdetails.html?Fyro#productId=106633230000031">Coming Soon</a>
292 
+                                                    </div>
293 
+                                                </div>
294 
+                                            </div>
295 
+                                            <div class="col-md-6 my-auto">
296 
+                                                <img src="./dist/assets/imgs/fyro_laptop_images/15%20inches.png"
297 
+                                                    class="img-fluid rounded-start w-sm-50 pt-md-0 pt-5" alt="...">
298 
+                                            </div>
299 
+                                        </div>
300 
+                                    </div>
301 
+                                    <div class="card mb-3 fyro_sleekbook_2">
302 
+                                        <div class="row g-0 px-3 p-md-3 py-lg-3 flex-column-reverse flex-md-row">
303 
+                                            <div class="col-lg-6 col-md-6">
304 
+                                                <div class="card-body">
305 
+                                                    <div class="py-lg-4">
306 
+                                                        <h5 class="card-title satoshi_font mb-2 fw-bold">FYRO 14 RTX 4060</h5>
307 
+                                                        <ul class="showspecsul">
308 
+                                                            <li>14.0 inch FHD</li>
309 
+                                                            <li>Intel<sup>®</sup> Core<sup>™</sup> i5 | i7 | i9</li>
310 
+                                                            <li>32 GB RAM , 2 TB M.2 NVMe</li>
311 
+                                                        </ul>
312 
+                                                        <h5 class="card-text my-3">
313 
+                                                            <small class="satoshi_font">Starting from ₹ 1,09,990</small>
314 
+                                                        </h5>
315 
+                                                        <a class="btn btn-dark button_dark" href="/laptopdetails.html?Fyro#productId=106633230000031
316 
+                                                        ">Coming Soon </a>
317 
+                                                    </div>
318 
+
319 
+                                                </div>
320 
+                                            </div>
321 
+                                            <div class="col-md-6 my-auto">
322 
+                                                <img src="../dist/assets/imgs/fyro_laptop_images/14 inches.png"
323 
+                                                    class="img-fluid rounded-start w-lg-100 mt-3 w-200" alt="...">
324 
+                                            </div>
325 
+                                        </div>
326 
+                                    </div>
327 
+
328 
+                                </div>
329 
+                            </div>
330 
+                        </div>
331 
+                        <div class="col-12 d-none d-lg-none">
332 
+                            <div class="card mb-4 Two_four_inch_Card">
333 
+                                <div class="row g-0 px-3 p-md-3 py-lg-4 flex-column-reverse flex-md-row">
334 
+                                    <div class="col-lg-6 col-md-6">
335 
+                                        <div class="card-body p-lg-5 text-white">
336 
+                                            <p class="card-text satoshi_font fw-bold">24 Inch All-In-One</p>
337 
+
338 
+                                            <ul class="showspecsul">
339 
+                                                <li>24 Inch 2K FHD</li>
340 
+                                                <li>Intel<sup class="copy-right_sup">®</sup> Core<sup class="trademark_sup">TM</sup> i5 13400 | 16GB</li>
341 
+                                                <li>16GB Memory | 1TB NVMe</li>
342 
+
343 
+                                            </ul>
344 
+
345 
+                                            <p class="card-text satoshi_font mb-2" style="visibility: hidden;">Starting
346 
+                                                from ₹ 54,999</p>
347 
+                                            <a class="btn btn-dark button_dark" href="#">Coming Soon</a>
348 
+                                        </div>
349 
+                                    </div>
350 
+                                    <div class="col-md-6 my-auto">
351 
+                                        <img src="./dist/assets/imgs/laptop and all in one/Fyro/All-in-one 34 inches/Asset 4@2x.png"
352 
+                                            class="img-fluid rounded-start w-lg-100 w-sm-75 p-3" alt="...">
353 
+                                    </div>
354 
+                                </div>
355 
+                            </div>
356 
+                        </div>
357 
+                        <div class="col-lg-6 h-100">
358 
+                            <div class="card ms-auto Two_four_inch_Card">
359 
+                                <img src="./dist/assets/imgs/laptop_aio/Fyro/All-in-one 34 inches/Asset 4@2x.png"
360 
+                                    class="img-fluid  w-75 w-sm-75 mx-auto my-4 pt-md-4" alt="...">
361 
+                                <div class="card-body p-lg-5 ms-5">
362 
+                                    <h5 class="card-text satoshi_font fw-bold">FYRO AIO34 ARC</h5>
363 
+
364 
+                                    <ul class="showspecsul">
365 
+                                        <li>34 inch Curved 4K LCD</li>
366 
+                                        <li>Intel<sup>®</sup> Core<sup>™</sup> i7-| i9 Processor (12th | 13th Gen)</li>
367 
+                                        <li>32 GB RAM , 2 TB M.2 NVMe</li>
368 
+                                    </ul>
369 
+
370 
+                                    <h5 class="card-text my-3"><small class="satoshi_font">Starting from ₹
371 
+                                            1,24,990</small></h5>
372 
+                                    <a class="btn btn-dark button_dark" href="/laptopdetails.html?AIO%20Fyro#productId=106633230000027#itemid=106633240000126">Coming Soon</a>
373 
+                                <p></p
374 
+
375 
+                                </div>
376 
+                            </div>
377 
+                        </div>
378 
+                    </div>
379 
+                    <div class="d-md-block d-none">
380 
+                        <span class="transform_text_1">FYRO&nbsp;Series</span>
381 
+                    </div>
382 
+                </div>
383 
+            </div>
384 
+        </section>
385 
+        <!-- fyro section start  -->
386 
+
109 387 
         <!-- Graphene Technology Section -->
110 388 
         <section class=" bg-black" id="graphene_section">
111 389 
             <div class="container py-md-5 py-4 position-relative">
112 390 
                 <div class="row align-items-center justify-content-center pb-md-5 pb-4">
113 391 
                     <div class="col-md-4 col-3 text-end">
114 
-                        <img src="./dist/assets/imgs/allin_imgs/ora_img.png" class="img-fluid w-md-50"/>
392 
+                        <img src="./dist/assets/imgs/allin_imgs/ora_img.png" class="img-fluid w-md-50" />
115 393 
                     </div>
116 394 
                     <div class="col-md-8 col-9 text-white">
117 395 
                         <h2 class="satoshi_font">Our Innovation in Memory and Storage</h2>
 
@@ -123,31 +401,36 @@
123 401 
                     <div class="col-12">
124 402 
                         <div class="row align-items-center justify-content-md-center ">
125 403 
                             <div class="col-lg-6 col-md-8 text-center px-lg-3 px-md-5">
126 
-                                <img src="./dist/assets/imgs/allin_imgs/graphene_img.png" class="img-fluid text-center" />
404 
+                                <img src="./dist/assets/imgs/allin_imgs/graphene_img.png"
405 
+                                    class="img-fluid text-center" />
127 406 
                             </div>
128 407 
                             <div class="col-lg-6 text-white pe-lg-4">
129 
-                                <h2 class="satoshi_font pb-md-3">A Breakthrough in Storage Performance and Sustainability</h2>
130 
-                                <h6 class="mb-md-4 fw-lighter" style="line-height: 24px;">Experience a new era of storage technology with
408 
+                                <h2 class="satoshi_font pb-md-3">A Breakthrough in Storage Performance and
409 
+                                    Sustainability</h2>
410 
+                                <h6 class="mb-md-4 fw-lighter" style="line-height: 24px;">Experience a new era of
411 
+                                    storage technology with
131 412 
                                     our innovative Graphene-Thermal Pad solution
132 413 
                                     designed to revolutionize performance, longevity,
133 414 
                                     and environmental sustainability.<br>
134 415 
                                     ORA Series offers unparalleled benefits
135 416 
                                     that set it apart from traditional storage options.</h6>
136 
-                                    <div class="row px-md-3">
137 
-                                        <div class="col-md-6 border-left pt-md-0 pt-2">
138 
-                                            <p class="graphene_text fs-9 mb-0">Optimal Thermal Management</p>
139 
-                                        </div>
140 
-                                        <div class="col-md-6 border-left">
141 
-                                            <p class="graphene_text  fs-9 mb-0"> Lightning-fast read and write speeds</p>
142 
-                                        </div>
143 
-                                        <div class="col-md-6 mt-md-3 border-left">
144 
-                                            <p class="graphene_text  fs-9 mb-0">Lightweight & Flexible Deisgn</p>
145 
-                                        </div>
146 
-                                        <div class="col-md-6 mt-md-3 border-left">
147 
-                                            <p class="graphene_text  fs-9 mb-0">Enhanced longevity</p>
148 
-                                        </div>
149 
-                                        <div class="col-12 pt-md-4 px-md-0 fs-9 pt-2">Upgrade to the Graphene Technology Memory Series and experience unparalleled performance, durability, and sustainability in your data storage solutions.</div>
417 
+                                <div class="row px-md-3">
418 
+                                    <div class="col-md-6 border-left pt-md-0 pt-2">
419 
+                                        <p class="graphene_text fs-9 mb-0">Optimal Thermal Management</p>
420 
+                                    </div>
421 
+                                    <div class="col-md-6 border-left">
422 
+                                        <p class="graphene_text  fs-9 mb-0"> Lightning-fast read and write speeds</p>
150 423 
                                     </div>
424 
+                                    <div class="col-md-6 mt-md-3 border-left">
425 
+                                        <p class="graphene_text  fs-9 mb-0">Lightweight & Flexible Deisgn</p>
426 
+                                    </div>
427 
+                                    <div class="col-md-6 mt-md-3 border-left">
428 
+                                        <p class="graphene_text  fs-9 mb-0">Enhanced longevity</p>
429 
+                                    </div>
430 
+                                    <div class="col-12 pt-md-4 px-md-0 fs-9 pt-2">Upgrade to the Graphene Technology
431 
+                                        Memory Series and experience unparalleled performance, durability, and
432 
+                                        sustainability in your data storage solutions.</div>
433 
+                                </div>
151 434 
                                 <!-- <div class="text-end pe-md-4">
152 435 
                                     <a class="btn btn-dark button_dark py-md-2" href="#">Know more...</a>
153 436 
                                 </div> -->
 
@@ -164,19 +447,24 @@
164 447 
                                 <div class="row justify-content-center align-items-center">
165 448 
                                     <div class="col-lg-6 col-12 text-center text-white">
166 449 
                                         <div class="bg-black d-flex fs-9 px-md-4 py-md-2 py-2 px-3 rounded-3">
167 
-                                            <p class="mb-0 px-md-2 py-md-1"><i class="fa-sharp fa-arrow-right fs-7"></i> || <i class="fa-sharp fa-arrow-left fs-7"></i></p>
168 
-                                            <p class="mb-0 text-start py-md-1 w-75 fs-7">&nbsp;World's Thinnest Heat Sink 100% More Effective</p>
450 
+                                            <p class="mb-0 px-md-2 py-md-1"><i class="fa-sharp fa-arrow-right fs-7"></i>
451 
+                                                || <i class="fa-sharp fa-arrow-left fs-7"></i></p>
452 
+                                            <p class="mb-0 text-start py-md-1 w-75 fs-7">&nbsp;World's Thinnest Heat
453 
+                                                Sink 100% More Effective</p>
169 454 
                                         </div>
170 455 
                                     </div>
171 456 
                                     <div class="col-lg-6 col-12 pt-lg-0 pt-3 text-center">
172 
-                                            <div class="bg-white fs-7 px-md-2 py-md-2 rounded-3">
173 
-                                                <div class="border d-flex fs-7 rounded-3 align-items-center">
174 
-                                                    <div class="p-2" style="background-color: #50b2e4;border-top-left-radius: 7px;border-bottom-left-radius:7px;">
175 
-                                                        <img src="./dist/assets/imgs/allin_imgs/15_percent.png" class="img-fluid w-60"/>
176 
-                                                    </div>
177 
-                                                    <p class="py-md-2 border-left mb-0 w-75 text-dark ps-1">15% More Performance & Life</p>
457 
+                                        <div class="bg-white fs-7 px-md-2 py-md-2 rounded-3">
458 
+                                            <div class="border d-flex fs-7 rounded-3 align-items-center">
459 
+                                                <div class="p-2"
460 
+                                                    style="background-color: #50b2e4;border-top-left-radius: 7px;border-bottom-left-radius:7px;">
461 
+                                                    <img src="./dist/assets/imgs/allin_imgs/15_percent.png"
462 
+                                                        class="img-fluid w-60" />
178 463 
                                                 </div>
464 
+                                                <p class="py-md-2 border-left mb-0 w-75 text-dark ps-1">15% More
465 
+                                                    Performance & Life</p>
179 466 
                                             </div>
467 
+                                        </div>
180 468 
                                     </div>
181 469 
                                 </div>
182 470 
                             </div>
 
@@ -197,7 +485,8 @@
197 485 
                     <h2 class="satoshi_font">Discover the Future of Storage</h2>
198 486 
                     <h6 class="satoshi_font">with M2 NVMe SSDs at Lightning Speeds</h6>
199 487 
                 </div>
200 
-                <div class="align-items-center flex-column-reverse flex-md-row mx-0 px-md-5 rounded-4 row" id="Fyro_main_card">
488 
+                <div class="align-items-center flex-column-reverse flex-md-row mx-0 px-md-5 rounded-4 row"
489 
+                    id="Fyro_main_card">
201 490 
                     <div class="col-lg-4 col-md-4 pb-4 ps-4 ps-md-0 py-md-5 ps-lg-5">
202 491 
                         <h3 class="fw-600 mb-md-3">ORA PCIe Storage</h3>
203 492 
                         <h5 class="mb-1">NVMe M.2 SSDs</h5>
 
@@ -223,11 +512,11 @@
223 512 
             <div class="container py-md-5 py-5 position-relative">
224 513 
                 <div class="text-center text-white mb-md-5 mb-5">
225 514 
                     <h2 class="satoshi_font">Portability Meets Power</h2>
226 
-                    <h6 class="satoshi_font">Boost the laptops Potentail with ORA Memory Series</h6>
515 
+                    <h6 class="satoshi_font">Boost the Laptops Potential with ORA Memory Series</h6>
227 516 
                 </div>
228 517 
                 <div class="align-items-center flex-md-row mx-0 px-md-5 rounded-4 row" id="laptop_memory_sec">
229 518 
                     <div class="col-lg-8 col-md-8">
230 
-                        <img src="./dist/assets/imgs/allin_imgs/laptop_memory.png" class="img-fluid"/>
519 
+                        <img src="./dist/assets/imgs/allin_imgs/laptop_memory.png" class="img-fluid" />
231 520 
                     </div>
232 521 
                     <div class="col-lg-4 col-md-4 pb-4 ps-4 ps-md-0 py-md-5 ps-lg-5">
233 522 
                         <h3 class="fw-600 mb-md-0">ORA Series</h3>
 
@@ -252,7 +541,8 @@
252 541 
                     <h2 class="satoshi_font">Empowering the Performance</h2>
253 542 
                     <h6 class="satoshi_font">Maximize Efficiency with ORA Desktop Memory Series</h6>
254 543 
                 </div>
255 
-                <div class="align-items-center flex-column-reverse py-lg-5 py-md-5 flex-md-row mx-0 px-md-5 rounded-4 row" id="desktop_memory_sec">
544 
+                <div class="align-items-center flex-column-reverse py-lg-5 py-md-5 flex-md-row mx-0 px-md-5 rounded-4 row"
545 
+                    id="desktop_memory_sec">
256 546 
                     <div class="col-lg-6 col-md-4 pb-4 pb-md-0 ps-4 ps-md-0 ps-lg-5">
257 547 
                         <h3 class="fw-600 mb-md-0">ORA Series</h3>
258 548 
                         <h3 class="fw-600 mb-md-2">Desktop Memory</h3>
 
@@ -262,7 +552,7 @@
262 552 
                         </div>
263 553 
                     </div>
264 554 
                     <div class="col-lg-6 col-md-8 pt-lg-5">
265 
-                        <img src="./dist/assets/imgs/allin_imgs/desktop_memory.png" class="img-fluid"/>
555 
+                        <img src="./dist/assets/imgs/allin_imgs/desktop_memory.png" class="img-fluid" />
266 556 
                     </div>
267 557 
                 </div>
268 558 
                 <div class="d-md-block d-none">
 
@@ -276,108 +566,90 @@
276 566 
         <section>
277 567 
             <div class="container mb-md-5 mb-5">
278 568 
                 <h2 class="satoshi_font text-center py-md-5 py-4">Top Selling Products</h2>
279 
-                    <div class="row justify-content-center align-items-center pb-md-5 ">
280 
-                        <div class="col-10">
281 
-                            <div id="homepage-slider" >
282 
-                                <div class="slider-hero">
283 
-                                    <div class="card h-100 mx-1 text-center bg-gray-4 border-0">
284 
-                                        <div class="card-body">
285 
-                                            <a href="./storageproducts.html">
286 
-                                                <img src="./dist/assets/imgs/allin_imgs/ora3_storage.png" class="w-100"/>
287 
-                                                <p class="mb-0 fs-7 py-2">ORA3 M.2 NVMe 512GB<br> PCI Express 3.0</p>
288 
-                                                <p class="fw-600 text-primary mb-0">Buy Now</p>
289 
-                                            </a>
290 
-                                        </div>
569 
+                <div class="row justify-content-center align-items-center pb-md-5 ">
570 
+                    <div class="col-10">
571 
+                        <div id="homepage-slider">
572 
+                            <div class="slider-hero">
573 
+                                <div class="card h-100 mx-1 text-center bg-gray-4 border-0">
574 
+                                    <div class="card-body">
575 
+                                        <a href="./storageproducts.html">
576 
+                                            <img src="./dist/assets/imgs/allin_imgs/ora3_storage.png" class="w-100" />
577 
+                                            <p class="mb-0 fs-7 py-2">ORA3 M.2 NVMe 512GB<br> PCI Express 3.0</p>
578 
+                                            <p class="fw-600 text-primary mb-0">Buy Now</p>
579 
+                                        </a>
291 580 
                                     </div>
292 
-                                    <div class="card h-100 mx-1 text-center bg-gray-4 border-0">
293 
-                                        <div class="card-body">
294 
-                                            <a href="./storageproducts.html">
295 
-                                                <img src="./dist/assets/imgs/allin_imgs/ora4_storage.png" class="w-100"/>
296 
-                                                <p class="mb-0 fs-7 py-2">ORA4 M.2 NVMe 2TB<br> PCI Express 4.0</p>
297 
-                                                <p class="fw-600 text-primary mb-0">Buy Now</p>
298 
-                                            </a>
299 
-                                        </div>
581 
+                                </div>
582 
+                                <div class="card h-100 mx-1 text-center bg-gray-4 border-0">
583 
+                                    <div class="card-body">
584 
+                                        <a href="./storageproducts.html">
585 
+                                            <img src="./dist/assets/imgs/allin_imgs/ora4_storage.png" class="w-100" />
586 
+                                            <p class="mb-0 fs-7 py-2">ORA4 M.2 NVMe 2TB<br> PCI Express 4.0</p>
587 
+                                            <p class="fw-600 text-primary mb-0">Buy Now</p>
588 
+                                        </a>
300 589 
                                     </div>
301 
-                                    <div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
302 
-                                        <div class="card-body">
303 
-                                            <img src="./dist/assets/imgs/allin_imgs/ora_desktop.png" class="w-100"/>
304 
-                                            <p class="mb-0 fs-7 py-2">ORA 32GB DDR5 <br> 4800MHz Desktop Memory</p>
305 
-                                             <p class="fw-600 text-primary mb-0">Buy Now</p>
306 
-                                             <p class="selling_product d-none"
307 
-                                             data_name="ORA 32GB DDR5 4800MHz Desktop RAM "
308 
-                                             data_version="DDR5"
309 
-                                             data_device="Desktop"
310 
-                                             data_gb="32GB"
311 
-                                             data_price="15500"
312 
-                                             data_img="../dist/assets/imgs/allin_imgs/ora_desktop.png">
313 
-                                         </p>
314 
-                                        </div>
590 
+                                </div>
591 
+                                <div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
592 
+                                    <div class="card-body">
593 
+                                        <img src="./dist/assets/imgs/allin_imgs/ora_desktop.png" class="w-100" />
594 
+                                        <p class="mb-0 fs-7 py-2">ORA 32GB DDR5 <br> 4800MHz Desktop Memory</p>
595 
+                                        <p class="fw-600 text-primary mb-0">Buy Now</p>
596 
+                                        <p class="selling_product d-none" data_name="ORA 32GB DDR5 4800MHz Desktop RAM "
597 
+                                            data_version="DDR5" data_device="Desktop" data_gb="32GB" data_price="15500"
598 
+                                            data_img="../dist/assets/imgs/allin_imgs/ora_desktop.png">
599 
+                                        </p>
315 600 
                                     </div>
316 
-                                    <div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
317 
-                                        <div class="card-body">
318 
-                                            <img src="./dist/assets/imgs/allin_imgs/8gb_laptop.png" class="w-100"/>
319 
-                                            <p class="mb-0 fs-7 py-2">ORA 8GB DDR5 <br> 4800MHz Laptop Memory</p>
320 
-                                             <p class="fw-600 text-primary mb-0">Buy Now</p>
321 
-                                             <p class="selling_product d-none"
322 
-                                                data_name="ORA 8GB DDR5 4800MHz Laptop RAM "
323 
-                                                data_version="DDR5"
324 
-                                                data_device="Laptop"
325 
-                                                data_gb="8GB"
326 
-                                                data_price="5150"
327 
-                                                data_img="../dist/assets/imgs/allin_imgs/8gb_laptop.png">
328 
-                                            </p>
329 
-                                        </div>
601 
+                                </div>
602 
+                                <div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
603 
+                                    <div class="card-body">
604 
+                                        <img src="./dist/assets/imgs/allin_imgs/8gb_laptop.png" class="w-100" />
605 
+                                        <p class="mb-0 fs-7 py-2">ORA 8GB DDR5 <br> 4800MHz Laptop Memory</p>
606 
+                                        <p class="fw-600 text-primary mb-0">Buy Now</p>
607 
+                                        <p class="selling_product d-none" data_name="ORA 8GB DDR5 4800MHz Laptop RAM "
608 
+                                            data_version="DDR5" data_device="Laptop" data_gb="8GB" data_price="5150"
609 
+                                            data_img="../dist/assets/imgs/allin_imgs/8gb_laptop.png">
610 
+                                        </p>
330 611 
                                     </div>
331 
-                                    <div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
332 
-                                        <div class="card-body">
333 
-                                            <img src="./dist/assets/imgs/allin_imgs/32gb_laptop.png" class="w-100"/>
334 
-                                            <p class="mb-0 fs-7 py-2">ORA 32GB DDR4 <br> 3200MHz Laptop Memory</p>
335 
-                                             <p class="fw-600 text-primary mb-0">Buy Now</p>
336 
-                                             <p class="selling_product d-none"
337 
-                                                data_name="ORA 32GB DDR4 3200MHz Laptop RAM "
338 
-                                                data_version="DDR4"
339 
-                                                data_device="Laptop"
340 
-                                                data_gb="32GB"
341 
-                                                data_price="8450"
342 
-                                                data_img="../dist/assets/imgs/allin_imgs/32gb_laptop.png"
343 
-                                                >
344 
-                                            </p>
345 
-                                        </div>
612 
+                                </div>
613 
+                                <div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
614 
+                                    <div class="card-body">
615 
+                                        <img src="./dist/assets/imgs/allin_imgs/32gb_laptop.png" class="w-100" />
616 
+                                        <p class="mb-0 fs-7 py-2">ORA 32GB DDR4 <br> 3200MHz Laptop Memory</p>
617 
+                                        <p class="fw-600 text-primary mb-0">Buy Now</p>
618 
+                                        <p class="selling_product d-none" data_name="ORA 32GB DDR4 3200MHz Laptop RAM "
619 
+                                            data_version="DDR4" data_device="Laptop" data_gb="32GB" data_price="8450"
620 
+                                            data_img="../dist/assets/imgs/allin_imgs/32gb_laptop.png">
621 
+                                        </p>
346 622 
                                     </div>
347 
-                                    <div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
348 
-                                        <div class="card-body">
349 
-                                            <img src="./dist/assets/imgs/allin_imgs/32gb_laptop.png" class="w-100"/>
350 
-                                            <p class="mb-0 fs-7 py-2">ORA DDR4 <br> 3200MHz Laptop Memory</p>
351 
-                                             <p class="fw-600 text-primary mb-0">Buy Now</p>
352 
-                                             <p class="selling_product d-none"
353 
-                                                data_name="ORA 32GB DDR4 3200MHz Laptop RAM "
354 
-                                                data_version="DDR4"
355 
-                                                data_device="Laptop"
356 
-                                                data_gb="32GB"
357 
-                                                data_price="8450"
358 
-                                                data_img="../dist/assets/imgs/allin_imgs/32gb_laptop.png"
359 
-                                                >
360 
-                                            </p>
361 
-                                        </div>
623 
+                                </div>
624 
+                                <div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
625 
+                                    <div class="card-body">
626 
+                                        <img src="./dist/assets/imgs/allin_imgs/32gb_laptop.png" class="w-100" />
627 
+                                        <p class="mb-0 fs-7 py-2">DDR4 <br> 3200MHz Laptop Memory</p>
628 
+                                        <p class="fw-600 text-primary mb-0">Buy Now</p>
629 
+                                        <p class="selling_product d-none" data_name="ORA 32GB DDR4 3200MHz Laptop RAM "
630 
+                                            data_version="DDR4" data_device="Laptop" data_gb="32GB" data_price="8450"
631 
+                                            data_img="../dist/assets/imgs/allin_imgs/32gb_laptop.png">
632 
+                                        </p>
362 633 
                                     </div>
363 634 
                                 </div>
364 635 
                             </div>
365 636 
                         </div>
366 637 
                     </div>
638 
+                </div>
367 639 
             </div>
368 640 
             <div class="bg-gradient-anwi container my-5 my-md-5 rounded-3 text-white" id="innovation_sections">
369 641 
                 <div class="row align-items-center">
370 
-                <div class="col-md-3 text-center">
371 
-                    <img src="./dist/assets/imgs/allin_imgs/innovation_img1.png" class="img-fluid"/>
372 
-                </div>
373 
-                <div class="col-md-6 text-center">
374 
-                    <h1 class="">Innovation at your fingertips</h1>
375 
-                    <h5 class="mb-md-3 fw-600">Be the first to set your digital world on fire!</h5>
376 
-                    <a href="./index1.html" class="btn rounded-3 bg-black text-white px-md-4">Know More</a>
377 
-                </div>
378 
-                <div class="col-md-3  text-center">
379 
-                    <img src="./dist/assets/imgs/allin_imgs/innovation_img2.png" class="img-fluid"/>
380 
-                </div>
642 
+                    <div class="col-md-3 text-center">
643 
+                        <img src="./dist/assets/imgs/allin_imgs/innovation_img1.png" class="img-fluid" />
644 
+                    </div>
645 
+                    <div class="col-md-6 text-center">
646 
+                        <h1 class="">Innovation at your fingertips</h1>
647 
+                        <h5 class="mb-md-3 fw-600">Be the first to set your digital world on fire!</h5>
648 
+                        <a href="./index1.html" class="btn rounded-3 bg-black text-white px-md-4">Know More</a>
649 
+                    </div>
650 
+                    <div class="col-md-3  text-center">
651 
+                        <img src="./dist/assets/imgs/allin_imgs/innovation_img2.png" class="img-fluid" />
652 
+                    </div>
381 653 
                 </div>
382 654 
             </div>
383 655 
         </section>
 
@@ -386,16 +658,17 @@
386 658 
     <!-- footer -->
387 659 
     <div id="footer-head" class=""></div>
388 660 
     <!-- end-footer -->
389 
-
661 
+
390 662 
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
391 663 
     <script src="./dist/js/jquery.min.js"></script>
664 
+    <script src="./dist/toaster/toastr.js"></script>
392 665 
     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
393 666
394 
-   <script src="./libs/axios.min.js"></script>
667 
+    <script src="./libs/axios.min.js"></script>
395 668
396 
-      <script src="./libs/cookies.min.js"></script>
669 
+    <script src="./libs/cookies.min.js"></script>
397 670
398 
-    <script src="./dist/toaster/toastr.js"></script>
671 
+
399 672 
     <script src="./dist/js/fontawesome.all.js"></script>
400 673 
     <script src="./dist/js/fontawesome.min.js"></script>
401 674 
     <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
 
@@ -406,13 +679,9 @@
406 679 
     <script src="./dist/js/plugins/wow.js"></script>
407 680 
     <script src="./dist/js/plugins/svg-injector.min.js"></script>
408 681 
     <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
409 
-    <!-- <script src="./dist/js/plugins/mouse-parallax.js"></script>
410 
-    <script src="./dist/js/plugins/images-loaded.js"></script>
411 
-    <script src="./dist/js/plugins/isotope.js"></script>
412 
-    <script src="./dist/js/plugins/jquery-ui.js"></script>
413 
-    <script src="./dist/js/plugins/magnific-popup.js"></script> -->
414 
-    <!-- Main JS -->
415 682
683 
+    <!-- Main JS -->
684 
+    <script src="./dist/js/utils/helpers.js"></script>
416 685 
     <script src="./dist/js/footer.js"></script>
417 686 
     <script src="./dist/js/auth/apiservice.js"></script>
418 687 
     <script src="./dist/js/navbar.js"></script>
 
@@ -421,42 +690,43 @@
421 690
422 691
423 692 
     <script>
424 
-             $(document).ready(function() {
425 
-        let Newuser =window.localStorage.getItem(USER_AUTH_OKAY);
426 
-
427 
-        if(Newuser == 1){
428 
-            toasteropts()
429 
-            Command: toastr["success"]("Account Created Successfully");
430 
-            window.localStorage.removeItem(USER_AUTH_OKAY)
431 
-            return
432 
-        }else if(Newuser == 2){
433 
-
434 
-            toasteropts()
435 
-            Command: toastr["success"]("Logged In Successfully");
436 
-            window.localStorage.removeItem(USER_AUTH_OKAY)
437 
-            return
438 
-
439 
-        }
440 
-    function toasteropts(){
441 
-       toastr.options = {
442 
-      "closeButton": true,
443 
-      "debug": false,
444 
-      "newestOnTop": true,
445 
-      "progressBar": true,
446 
-      "positionClass": "toast-top-center",
447 
-      "preventDuplicates": true,
448 
-      "onclick": null,
449 
-      "showDuration": "300",
450 
-      "hideDuration": "1000",
451 
-      "timeOut": "5000",
452 
-      "extendedTimeOut": "1000",
453 
-      "showEasing": "swing",
454 
-      "hideEasing": "linear",
455 
-      "showMethod": "fadeIn",
456 
-      "hideMethod": "fadeOut"
457 
-    }
458 
-    }
459 
-});
693 
+        $(document).ready(function () {
694 
+            let Newuser = window.localStorage.getItem(USER_AUTH_OKAY);
695 
+
696 
+            if (Newuser == 1) {
697 
+                toasteropts()
698 
+                Command: toastr["success"]("Account Created Successfully");
699 
+                window.localStorage.removeItem(USER_AUTH_OKAY)
700 
+                return
701 
+            } else if (Newuser == 2) {
702 
+
703 
+                toasteropts()
704 
+                Command: toastr["success"]("Logged In Successfully");
705 
+                window.localStorage.removeItem(USER_AUTH_OKAY)
706 
+                return
707 
+
708 
+            }
709 
+
710 
+            function toasteropts() {
711 
+                toastr.options = {
712 
+                    "closeButton": true,
713 
+                    "debug": false,
714 
+                    "newestOnTop": true,
715 
+                    "progressBar": true,
716 
+                    "positionClass": "toast-top-center",
717 
+                    "preventDuplicates": true,
718 
+                    "onclick": null,
719 
+                    "showDuration": "300",
720 
+                    "hideDuration": "1000",
721 
+                    "timeOut": "5000",
722 
+                    "extendedTimeOut": "1000",
723 
+                    "showEasing": "swing",
724 
+                    "hideEasing": "linear",
725 
+                    "showMethod": "fadeIn",
726 
+                    "hideMethod": "fadeOut"
727 
+                }
728 
+            }
729 
+        });
460 730
461 731 
         $(".slick-prev").addClass("btn text-white");
462 732 
         $(".slick-next").addClass("btn text-white");
 
@@ -541,25 +811,25 @@
541 811 
             $(".Fyro_main_card").removeClass("col-lg-11").addClass("col-12")
542 812 
         }
543 813
544 
-        $(".top_sell").each(function(){
545 
-            $(".top_sell").click(function(){
814 
+        $(".top_sell").each(function () {
815 
+            $(".top_sell").click(function () {
546 816 
                 let product_name = $(this).find(".selling_product").attr("data_name");
547 
-            let data_version = $(this).find(".selling_product").attr("data_version");
548 
-            let data_device = $(this).find(".selling_product").attr("data_device");
549 
-            let data_gb = $(this).find(".selling_product").attr("data_gb");
550 
-            let data_price = $(this).find(".selling_product").attr("data_price");
551 
-            let data_img = $(this).find(".selling_product").attr("data_img");
552 
-
553 
-            let top_obj = {
554 
-                name:product_name,
555 
-                version:data_version,
556 
-                device:data_device,
557 
-                gb:data_gb,
558 
-                price:data_price,
559 
-                img:data_img
560 
-            }
561 
-                localStorage.setItem("top_data",JSON.stringify(top_obj));
562 
-                window.location.href="./productdetails.html";
817 
+                let data_version = $(this).find(".selling_product").attr("data_version");
818 
+                let data_device = $(this).find(".selling_product").attr("data_device");
819 
+                let data_gb = $(this).find(".selling_product").attr("data_gb");
820 
+                let data_price = $(this).find(".selling_product").attr("data_price");
821 
+                let data_img = $(this).find(".selling_product").attr("data_img");
822 
+
823 
+                let top_obj = {
824 
+                    name: product_name,
825 
+                    version: data_version,
826 
+                    device: data_device,
827 
+                    gb: data_gb,
828 
+                    price: data_price,
829 
+                    img: data_img
830 
+                }
831 
+                localStorage.setItem("top_data", JSON.stringify(top_obj));
832 
+                window.location.href = "./productdetails.html";
563 833 
             })
564 834 
         })
565 835 
     </script>

+ 21
- 7
login.html Vedi File 

@@ -74,21 +74,35 @@
74 74
75 75 
     <!-- <div id="footer-head"></div> -->
76 76 
     <!-- end-footer -->
77 
-    <script src="../dist/js/fontawesome.all.js"></script>
77 
+    <script src="./libs/cookies.min.js"></script>
78 78 
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
79 79 
     <script src="./dist/js/jquery.min.js"></script>
80 
+    <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
81 
+
82 
+    <script src="./libs/axios.min.js"></script>
83 
+
84 
+
85 
+
80 86 
     <script src="./dist/toaster/toastr.js"></script>
81 
-    <script src="./libs/cookies.min.js"></script>
82 
-     <script src="./libs/axios.min.js"></script>
87 
+    <script src="./dist/js/fontawesome.all.js"></script>
88 
+    <script src="./dist/js/fontawesome.min.js"></script>
89 
+    <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
90 
+    <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
91 
+    <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
92 
+    <script src="./dist/js/vendor/bootstrap.min.js"></script>
93 
+    <script src="./dist/js/plugins/slick.js"></script>
94 
+    <script src="./dist/js/plugins/wow.js"></script>
95 
+    <script src="./dist/js/plugins/svg-injector.min.js"></script>
96 
+    <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
97 
+
98 
+
83 99 
      <script src="./dist/js/utils/helpers.js"></script>
84 100 
     <script src="./dist/js/shoppingcart/addtocart.js"></script>
85 101 
     <script src="./dist/js/auth/apiservice.js"></script>
86 
-
87 
-
88 
-
102 
+    <script src="./dist/js/footer.js"></script>
89 103 
     <script src="./dist/js/auth/login.js"></script>
90 104 
     <script src="./dist/js/navbar.js"></script>
91 
-    <script src="./dist/js/footer.js"></script>
105 
+
92 106 
     <!-- Main JS -->
93 107 
     <script src="./dist/js/main.js"></script>
94 108

+ 53
- 3
myaccount.html Vedi File 

@@ -58,6 +58,7 @@
58 58 
                                         <div class="myaccount-tab-menu nav" role="tablist">
59 59 
                                             <a href="#dashboad" class="" data-bs-toggle="tab">Overview</a>
60 60 
                                             <a href="#orders" data-bs-toggle="tab" class="active "> Orders</a>
61 
+                                            <a href="#supportticket" data-bs-toggle="tab" class=" "> Support Ticket</a>
61 62 
                                             <a href="#warrenty" data-bs-toggle="tab" class="d-none">Warranty</a>
62 63 
                                             <a href="#payment-method" data-bs-toggle="tab" class="d-none"> Payment
63 64 
                                                 Method</a>
 
@@ -76,7 +77,7 @@
76 77 
                                                     <div class="row bg-gray p-lg-4 align-items-end">
77 78 
                                                         <div class="col-md-7 col-12">
78 79 
                                                             <div class="row align-items-center">
79 
-                                                                <div class="col-md-3">
80 
+                                                                <div class="col-md-3 text-center">
80 81 
                                                                     <img src="./dist/assets/imgs/account_warrenty/profile-icon.png"
81 82 
                                                                         class="w-md-65 w-50" />
82 83 
                                                                 </div>
 
@@ -229,6 +230,35 @@
229 230 
                                                     </p>
230 231 
                                                 </div>
231 232 
                                             </div>
233 
+                                            <div class="tab-pane fade" id="supportticket" role="tabpanel">
234 
+                                                <div class="myaccount-content">
235 
+                                                   <div class="card nosupportticket rounded-1 p-2">
236 
+                                                    No open tickets
237 
+                                                   </div>
238 
+                                                   <div class="supportlist">
239 
+                                                    <div class="d-none d-md-block">
240 
+                                                        <div class="row headersupportlist">
241 
+                                                            <div class="ticket-date col-3">
242 
+                                                                 Date
243 
+                                                            </div>
244 
+                                                            <div class="ticket-no col-3">
245 
+                                                                Ticket No
246 
+                                                            </div>
247 
+                                                            <div class="col-3 text-center">
248 
+                                                                Stage
249 
+                                                            </div>
250 
+                                                            <div class="col-3 text-center">
251 
+                                                                Priority Name
252 
+                                                            </div>
253 
+                                                        </div>
254 
+                                                    </div>
255 
+
256 
+                                                    <div class="support-list-container">
257 
+
258 
+                                                    </div>
259 
+                                                   </div>
260 
+                                                </div>
261 
+                                            </div>
232 262 
                                             <!-- Single Tab Content End -->
233 263 
                                             <!-- Single Tab Content Start -->
234 264 
                                             <div class="tab-pane fade" id="address-edit" role="tabpanel">
 
@@ -619,13 +649,30 @@
619 649 
             </div>
620 650 
         </section>
621 651 
     </main>
652 
+
653 
+    <div class="modal fade" id="supportmodalticket"  role="dialog"  aria-labelledby="supportmodalticket" aria-hidden="true">
654 
+        <div class="modal-dialog orderdetails p-5 d-flex align-items-center justify-content-center">
655 
+
656 
+          <div class="modal-body card">
657 
+
658 
+                <div>
659 
+                    hello
660 
+                </div>
661 
+
662 
+              <div class="modal-footer">
663 
+                <button type="button" class="checkoutbtn supportmodalticketclose btn bg-danger btn btn-sm mt-3 text-white px-2" data-bs-dismiss="modal">Close</button>
664 
+                <!-- <button type="button" class="checkoutbtn supportmodalticketsave btn bg-gradient-anwi btn btn-sm mt-3 text-white px-4 " data-bs-dismiss="modal">Submit</button> -->
665 
+              </div>
666 
+          </div>
667 
+
668 
+        </div>
669 
+      </div>
622 670 
     <!-- footer -->
623 671 
     <div id="footer-head"></div>
624 672 
     <!-- end-footer -->
625 673 
     <!-- <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script> -->
626 674 
     <script src="./dist/js/jquery.min.js"></script>
627 
-    <script src="./dist/js/navbar.js"></script>
628 
-    <script src="./dist/js/footer.js"></script>
675 
+
629 676 
     <script src="./dist/js/components/authloader/authloader.js"></script>
630 677 
     <script src="./dist/js/auth/apiservice.js"></script>
631 678 
     <script src="./libs/cookies.min.js"></script>
 
@@ -650,7 +697,10 @@
650 697 
     <script src="./dist/js/localstorage/loginauthlocal.js"></script>
651 698 
     <!-- <script src="./dist/js/utils/CookieHelper.js"></script> -->
652 699 
     <script src="./libs/axios.min.js"></script>
700 
+    <script src="./dist/js/navbar.js"></script>
701 
+    <script src="./dist/js/footer.js"></script>
653 702 
     <script src="./dist/js/myaccount/orderdetails.js"></script>
703 
+    <script src="./dist/js/myaccount/support_tickets.js"></script>
654 704 
     <script src="./dist/js/myaccount/myaccount_warrenty.js"></script>
655 705 
     <script src="./dist/js/myaccount/Myaccount.js"></script>
656 706 
     <script src="./dist/js/myaccount/Profile.js"></script>

+ 121
- 3
orderdetails.html Vedi File 

@@ -7,6 +7,7 @@
7 7 
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
8 8 
     <link rel="shortcut icon" type="image/x-icon" href="./dist/assets/imgs/favicon.gif">
9 9 
     <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
10 
+
10 11 
     <link rel="stylesheet" href="./dist/css/main.css" />
11 12 
     <link rel="stylesheet" href="./style.css">
12 13 
     <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.carousel.min.css">
 
@@ -14,6 +15,7 @@
14 15 
     <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
15 16 
     <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
16 17 
     <link rel="stylesheet" href="./dist/css/vendor/vandella.css">
18 
+    <link rel="stylesheet" href="./libs/select2/select2.min.css" rel="stylesheet" />
17 19 
     <link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">
18 20 
     <link rel="stylesheet" href="./dist/css/vendor/fontello.css">
19 21 
     <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">
 
@@ -25,7 +27,7 @@
25 27 
     <link rel="stylesheet" href="./dist/css/style.css">
26 28 
     <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">
27 29 
     <link rel="stylesheet" href="./dist/css/fontawesome.min.css">
28 
-
30 
+    <link rel="stylesheet" href="./dist/toaster/toastr.css" />
29 31 
     <title>Orders | Anwi</title>
30 32 
 </head>
31 33 
 
@@ -51,7 +53,7 @@
51 53 
                         <a href="#" class="fw-600 text-a-color">Need Help ?</a>
52 54 
                     </div>
53 55 
                 </div>
54 
-                <div class="row">
56 
+                <div class="row bg-white p-3">
55 57 
                     <div class="col-md-8 deliverd-card">
56 58
57 59 
                     </div>
 
@@ -61,7 +63,7 @@
61 63
62 64 
                             </div>
63 65 
                             <div class="card rounded-0 border-top-0">
64 
-                                <div class="card-body" >
66 
+                                <div class="card-body " >
65 67 
                                     <div class="payement details">
66 68 
                                         <p class="fs-6 fw-600 mb-0 pb-1 border-bottom">Order Payment Details</p>
67 69 
                                         <div class="py-1">
 
@@ -171,14 +173,129 @@
171 173 
                     </div>
172 174 
                 </div>
173 175 
             </div>
176 
+
177 
+            <div class="modal fade" id="exampleModalsupport"  role="dialog"  aria-labelledby="exampleModalLabelsupport" aria-hidden="true">
178 
+                <div class="modal-dialog orderdetails p-5 d-flex align-items-center justify-content-center">
179 
+                  <div class="modal-content">
180 
+                    <div class="modal-header">
181 
+                      <h5 class="modal-title" id="exampleModalLabelsupport">Open a Support Ticket
182 
+                    </h5>
183 
+
184 
+                      <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
185 
+                    </div>
186 
+                    <div class="modal-body ">
187 
+                        <div class="pb-4">We love our customers, and we're here to help if you need us. Please keep in mind that not all topics are within the scope of out support.</div>
188 
+                      <div class="row py-4">
189 
+                        <div class="col-sm-4 text-center">
190 
+                            <img class="img-fluid order_img w-75 " src=https://appassets.bizgaze.app/${order.imageurl}>
191 
+                        </div>
192 
+                        <div class="col-sm-8">
193 
+                            <div class="">
194 
+                                <span class="modalitemname">RAM ORA - Laptop - DDR4 SDRAM - 16 GB</span> (<span class="modalitemqty">1</span> items)
195 
+                            </div>
196 
+                            <div class="modalprice">
197 
+                                3708.74
198 
+                            </div>
199 
+                        </div>
200 
+                      </div>
201 
+                      <div class="row">
202 
+                        <div class="col-sm-6">
203 
+
204 
+                            <select class="form-select" id="supportgroups" aria-label="Default select example">
205 
+                                <option selected>Open this select menu</option>
206 
+                                <option value="1">One</option>
207 
+                                <option value="2">Two</option>
208 
+                                <option value="3">Three</option>
209 
+                              </select>
210 
+                              <div class="invalid-feedback"> Please select support group</div>
211 
+                        </div>
212 
+
213 
+                        <div class="col-sm-6">
214 
+
215 
+
216 
+                            <select class="form-select" id="supportlevel" aria-label="Default select example">
217 
+                                <option selected>Open this select menu</option>
218 
+                                <option value="1">One</option>
219 
+                                <option value="2">Two</option>
220 
+                                <option value="3">Three</option>
221 
+                              </select>
222 
+                              <div class="invalid-feedback"> Please select your priorty level</div>
223 
+                        </div>
224 
+                      </div>
225 
+                      <div class="py-4">
226 
+                        <div>Description</div>
227 
+                        <textarea class="form-control desmodalsupportarea" name="modalsupportarea"></textarea>
228 
+                        <div class="invalid-feedback"> Please enter the description</div>
229 
+                      </div>
230 
+                      <div class='text-primary cursor-pointer mb-md-4'>
231 
+                        <label htmlFor='supportattachfile' class='d-flex d-gap-10' >
232 
+                            <span class="pe-1"><i class="fa-solid fa-file"></i></span>
233 
+                            <span>Attach a file</span>
234 
+                            <input multiple="true" id="supportattachfile" type="file" class='d-none' />
235 
+                        </label>
236 
+                        <div class='d-flex flex-wrap text-dark pt-2 inputlistsupportcontainer'>
237 
+
238 
+                        </div>
239 
+                    </div>
240 
+                    </div>
241 
+                    <div class="modal-footer">
242 
+                      <button type="button" class="closesupportticket checkoutbtn btn bg-danger btn btn-sm mt-3 text-white px-2" data-bs-dismiss="modal">Close</button>
243 
+                      <button type="button" class="submitsupportticket checkoutbtn btn bg-gradient-anwi btn btn-sm mt-3 text-white px-4 ">
244 
+                        <div class="spinner-border supportticketsubmit d-none" role="status"> <span class="visually-hidden">Loading...</span> </div>
245 
+                        <span class="supportticketsubmitbtn">Submit</span>
246 
+
247 
+                      </button>
248 
+                    </div>
249 
+                  </div>
250 
+                </div>
251 
+              </div>
252 
+
253 
+
254 
+              <!-- warrenty -->
255 
+              <div class="modal fade" id="exampleModalwarrenty"  role="dialog"  aria-labelledby="exampleModalLabelwarrenty" aria-hidden="true">
256 
+                <div class="modal-dialog orderdetails p-5 d-flex align-items-center justify-content-center">
257 
+                  <div class="modal-content">
258 
+                    <div class="modal-header">
259 
+                      <h5 class="modal-title" id="exampleModalLabelwarrenty">Claim warranty
260 
+                    </h5>
261 
+
262 
+                      <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
263 
+                    </div>
264 
+                    <div class="modal-body ">
265 
+                        <div class="pb-4">We love our customers, and we're here to help if you need us. Please keep in mind that not all topics are within the scope of out support.</div>
266 
+                      <div class="row py-2">
267 
+                       <div class="pb-2">
268 
+
269 
+                        <h5 id="warrenymodalname"></h5>
270 
+                       </div>
271 
+                       <div>
272 
+                        <div class="pb-3 form-floating py-0">
273 
+                            <input required type="email" class="form-control shadow-none h-50p" id="warrentymodalcode" placeholder="Enter Your Email" autocomplete="off">
274 
+                            <label for="warrentymodalcode">Enter Your Serial Number </label>
275 
+                            <div class="invalid-feedback"> Please enter email. </div>
276 
+                          </div>
277 
+
278 
+                       </div>
279 
+                      </div>
280 
+
281 
+                    </div>
282 
+                    <div class="modal-footer">
283 
+                      <button type="button" class="checkoutbtn btn bg-danger btn btn-sm mt-3 text-white px-2" data-bs-dismiss="modal">Close</button>
284 
+                      <button type="button" class="checkoutbtn btn bg-gradient-anwi btn btn-sm mt-3 text-white px-4 " data-bs-dismiss="modal">Submit</button>
285 
+                    </div>
286 
+                  </div>
287 
+                </div>
288 
+              </div>
174 289
175 290 
         </section>
176 291 
     </main>
177 292 
     <!-- footer -->
178 293 
     <div id="footer-head" class=""></div>
179 294 
     <!-- end-footer -->
295 
+
180 296 
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
181 297 
     <script src="./dist/js/jquery.min.js"></script>
298 
+    <script src="./dist/toaster/toastr.js"></script>
182 299 
     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
183 300 
     <script src="./dist/js/components/authloader/authloader.js"></script>
184 301 
     <script src="./dist/js/auth/apiservice.js"></script>
 
@@ -199,6 +316,7 @@
199 316 
     <script src="./dist/js/plugins/mouse-parallax.js"></script>
200 317 
     <script src="./dist/js/plugins/images-loaded.js"></script>
201 318 
     <script src="./dist/js/plugins/isotope.js"></script>
319 
+    <script src="./libs/select2/select2.js"></script>
202 320 
     <script src="./dist/js/plugins/jquery-ui.js"></script>
203 321 
     <script src="./dist/js/plugins/magnific-popup.js"></script>
204 322 
     <script src="./dist/js/navbar.js"></script>

+ 14
- 12
press.html Vedi File 

@@ -306,7 +306,7 @@
306 306 
   <script src="./dist/js/jquery.min.js"></script>
307 307 
   <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
308 308
309 
-  <script src="./dist/js/axios.min.js"></script>
309 
+  <script src="./libs/axios.min.js"></script>
310 310 
   <script src="./dist/js/footer.js"></script>
311 311 
     <script src="./libs/cookies.min.js"></script>
312 312 
   <script src="./dist/js/fontawesome.all.js"></script>
 
@@ -324,8 +324,10 @@
324 324 
   <script src="./dist/js/plugins/isotope.js"></script>
325 325 
   <script src="./dist/js/plugins/jquery-ui.js"></script>
326 326 
   <script src="./dist/js/plugins/magnific-popup.js"></script>
327 
-  <script src="./dist/js/navbar.js"></script>
327 
+
328 328 
   <!-- Main JS -->
329 
+  <script src="./dist/js/auth/apiservice.js"></script>
330 
+  <script src="./dist/js/navbar.js"></script>
329 331 
   <script src="./dist/js/main.js"></script>
330 332
331 333 
   <script>
 
@@ -362,16 +364,16 @@
362 364 
       ["andhraprabha_10-04-23_pg11.jpeg", "Andhra Prabha", "10 April 2023", "11"],
363 365 
       ["adaabhyderabad_10-04-23_pg10.jpeg", "Adaab Hyderabad", "10 April 2023", "10"],
364 366 
       ["andhrapathrika_10_04_23_pg05.jpg", "Andhra Pathrika", "10 April 2023", "05"],
365 
-      ["an_topstory_10_04_23_pg09.jpg", "An Top Story", "10 April 2023", "09"],
366 
-      ["an_thestatesman_9_04_23_pg08.jpg", "An The States Man", "09 April 2023", "08"],
367 
-      ["an_thefreedompress_9_04_23_pg02.jpg", "An The Freedom Press", "09 April 2023", "02"],
368 
-      ["an_thecitizentimes_10_04_23_pg4.jpg", "An The Citizen Times", "10 April 2023", "04"],
369 
-      ["an_rashtriyasahara_9_04_23_pg11.jpg", "An Rashtriya Sahara", "09 April 2023", "11"],
370 
-      ["an_punjabkesari_9_04_23_pg02.jpg", "An Punjab Kesari", "09 April 2023", "02"],
371 
-      ["an_hindustan_10_04_23_pg09.jpg", "An Hindustan", "10 April 2023", "09"],
372 
-      ["an_deshbandhu_9_04_23_pg03.jpg", "An Deshbandhu", "09 April 2023", "03"],
373 
-      ["an_dainiksaveratimes_9_04_23_pg11.jpg", "An Dainik Savera Times", "09 April 2023", "11"],
374 
-      ["an_dainikbhaskar_9_04_23_pg11.jpg", "An Dainik Bhaskar", "09 April 2023", "11"]
367 
+      ["an_topstory_10_04_23_pg09.jpg", "Top Story", "10 April 2023", "09"],
368 
+      ["an_thestatesman_9_04_23_pg08.jpg", "The States Man", "09 April 2023", "08"],
369 
+      ["an_thefreedompress_9_04_23_pg02.jpg", "The Freedom Press", "09 April 2023", "02"],
370 
+      ["an_thecitizentimes_10_04_23_pg4.jpg", "The Citizen Times", "10 April 2023", "04"],
371 
+      ["an_rashtriyasahara_9_04_23_pg11.jpg", "Rashtriya Sahara", "09 April 2023", "11"],
372 
+      ["an_punjabkesari_9_04_23_pg02.jpg", "Punjab Kesari", "09 April 2023", "02"],
373 
+      ["an_hindustan_10_04_23_pg09.jpg", "Hindustan", "10 April 2023", "09"],
374 
+      ["an_deshbandhu_9_04_23_pg03.jpg", "Deshbandhu", "09 April 2023", "03"],
375 
+      ["an_dainiksaveratimes_9_04_23_pg11.jpg", "Dainik Savera Times", "09 April 2023", "11"],
376 
+      ["an_dainikbhaskar_9_04_23_pg11.jpg", "Dainik Bhaskar", "09 April 2023", "11"]
375 377 
     ];
376 378 
     let split_arry = [];
377 379 
     for (let i = 0; i < list_imgs.length; i++) {

+ 1
- 1
productcatloguedetails.html Vedi File 

@@ -194,7 +194,7 @@
194 194 
                         </div>
195 195 
                         <div class="d-none gap-2">
196 196 
                             <button id="addtocart" class="w-100 btn bg-black text-white" style="border-radius: 5px">
197 
-                                Add to cart
197 
+                                Add to cart
198 198 
                             </button>
199 199 
                             <button class="w-100 btn bg-black text-white" style="border-radius: 5px">
200 200 
                                 Buy Now

+ 212
- 22
productdetails.html Vedi File 

@@ -55,6 +55,114 @@
55 55 
                 </div>
56 56 
             </div>
57 57 
         </section>
58 
+        <section class="position-relative bg-black">
59 
+            <iframe class="d-none" src="https://player.vimeo.com/video/824707959?h=5b3654950a&amp&autoplay=1&loop=1&autopause=0&badge=0&player_id=0&controls=0&muted=1" width="1536px" height="860px" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
60 
+        </section>
61 
+        <section class="bg-black py-5 fyro_id d-none">
62 
+            <div class="container pb-md-4 text-white">
63 
+                <div class="text-center">
64 
+                    <h1 class="text-fyro">Unleashing the Beasts of Creativity &
65 
+                        Innovation with Graphics, AI, and ML</h1>
66 
+                    <p class="font-1-5 text-white">FYRO products are the ultimate machines for graphics, AI, and ML
67 
+                        enthusiasts. With powerful Intel<sup>®</sup> processors and advanced NVIDIA graphics
68 
+                        cards, <strong>FYRO laptops and all-in-ones deliver the raw power and
69 
+                            performance</strong> needed to handle the most demanding workloads. Whether
70 
+                        you're a gamer, video editor, or AI researcher, FYRO has the tools you need
71 
+                        to unleash your creativity and push the boundaries of what's possible.</p>
72 
+                    <div>
73 
+                        <img src="./dist/assets/imgs/Home_new/Fyro_img.png" class="img-fluid w-50" alt="">
74 
+                    </div>
75 
+                </div>
76 
+                <p class="font-1-5 text-center mb-5 mt-4">With sleek designs and customizable features, FYRO products
77 
+                    are the
78 
+                    perfect blend of style and substance, offering unparalleled performance
79 
+                    and portability in a compact package. Join the FYRO revolution and
80 
+                    experience the power of next-gen computing today.</p>
81 
+                <div class="bg-blur border rounded-4 p-4 ">
82 
+                    <div class="row p-md-3 ">
83 
+                        <div class="col-6">
84 
+                            <div class="row align-items-center h-100 pb-md-0 pb-3">
85 
+                                <div class="col-md-2 col-6">
86 
+                                    <img src="./dist/assets/imgs/icons/Group 4475.svg" class="img-fluid">
87 
+                                </div>
88 
+                                <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4 pt-md-0 pt-3">Unmatched GPU Performance</p>
89 
+                            </div>
90 
+                        </div>
91 
+                        <div class="col-6 ">
92 
+                            <div class="row align-items-center h-100 pb-md-0 pb-3">
93 
+                                <div class="col-md-2 col-6">
94 
+                                    <img src="./dist/assets/imgs/icons/Group 4479.svg" class="img-fluid">
95 
+                                </div>
96 
+                                <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4">High-end Gaming Capabilities</p>
97 
+                            </div>
98 
+                        </div>
99 
+                    </div>
100 
+                    <div class="row p-md-3">
101 
+                        <div class="col-6">
102 
+                            <div class="row align-items-center h-100">
103 
+                                <div class="col-md-2 col-6">
104 
+                                    <img src="./dist/assets/imgs/icons/Asset 5.svg" class="img-fluid">
105 
+                                </div>
106 
+                                <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4 pt-md-0 pt-3">Thermal Tested to handle
107 
+                                    high Temp upto 105<sup>o</sup></p>
108 
+                            </div>
109 
+                        </div>
110 
+                        <div class="col-6">
111 
+                            <div class="row align-items-center h-100">
112 
+                                <div class="col-md-2 col-6">
113 
+                                    <img src="./dist/assets/imgs/icons/Asset 4.svg" class="img-fluid">
114 
+                                </div>
115 
+                                <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4" id="overview_data">Decent
116 
+                                    Battery backup</p>
117 
+                            </div>
118 
+                        </div>
119 
+                    </div>
120 
+                </div>
121 
+            </div>
122 
+
123 
+        </section>
124 
+        <section class="bg-black py-5 zeno_id d-none">
125 
+            <div class="container text-center text-white">
126 
+                <h1 class="text-blue-1 m-auto">The compact powerhouse for your productivity</h1>
127 
+                <p class="font-1-5 my-4">Zeno products are a range of <strong>sleek, powerful, and compact non-GPU
128 
+                        laptops and all-in-ones</strong> that offer exceptional performance and style.
129 
+                    Built with state-of-the-art components, including the latest generation of
130 
+                    Intel<sup>®</sup> processors, <strong>High-speed RAM, and Fast NVMe PCIe 4.0 SSDs.</strong></p>
131 
+                <div class="text-center">
132 
+                    <img src="./dist/assets/imgs/allin_imgs/Asset 1.png img-fluid " alt="">
133 
+                </div>
134 
+                <p class="font-1-2 mt-4 mb-5">
135 
+                    Zeno products are designed to meet the needs of professionals, students, and
136 
+                    anyone who requires a reliable and portable computing solution. With their advanced
137 
+                    features, including customizable hotkeys, fingerprint recognition, and a variety of
138 
+                    connectivity options, Zeno products offer the perfect blend of style and substance for
139 
+                    those who want a high-performing computing experience in a compact package.
140 
+                </p>
141 
+                <div class="bg-blur border rounded-4 p-4 text-white">
142 
+                    <div class="row p-md-3 text-center">
143 
+                        <div class="col-4 border-end">
144 
+                            <div>
145 
+                                <img src="./dist/assets/imgs/icons/Asset 9.svg" class="h-100p p-3">
146 
+                            </div>
147 
+                            <p class="p-2 mb-0 font-1-5">Sleek & Light weight</p>
148 
+                        </div>
149 
+                        <div class="col-4 border-end">
150 
+                            <div>
151 
+                                <img src="./dist/assets/imgs/icons/Group 4492.svg" class="h-100p p-3">
152 
+                            </div>
153 
+                            <p class="p-2 mb-0 font-1-5">Lightening-fast Intel<sup>®</sup> Processors
154 
+                            </p>
155 
+                        </div>
156 
+                        <div class="col-4">
157 
+                            <div>
158 
+                                <img src="./dist/assets/imgs/icons/Asset 8.svg" class="h-100p p-3">
159 
+                            </div>
160 
+                            <p class="p-2 mb-0 font-1-5" id="overview_data">Stunning Display</p>
161 
+                        </div>
162 
+                    </div>
163 
+                </div>
164 
+            </div>
165 
+        </section>
58 166 
         <div class="loadingCall">
59 167 
             <div class="spinner-border" role="status">
60 168 
                 <span class="visually-hidden">Loading...</span>
 
@@ -62,7 +170,7 @@
62 170 
         </div>
63 171 
         <div class="container mainContanierProduct d-none">
64 172 
             <div class="row">
65 
-                <div class="col-xl-7 ">
173 
+                <div class="col-xl-5 ">
66 174 
                     <div class=" bgproductDGen  border-0 ">
67 175 
                         <div class="row">
68 176 
                             <div class="d-none">
 
@@ -102,7 +210,7 @@
102 210 
                         </div>
103 211 
                     </div>
104 212 
                 </div>
105 
-                <div class="col-xl-5 p-5 pt-0 productDetailsShadow">
213 
+                <div class="col-xl-7 pt-0 productDetailsShadow">
106 214 
                     <div class="card border-0">
107 215 
                         <div>
108 216 
                             <div>
 
@@ -110,7 +218,7 @@
110 218 
                                 <h5 class="productname">ORA3, M.2 NVMe SSD </h5>
111 219 
                             </div>
112 220 
                             <div class="small-font des_productdes"></div>
113 
-                            <div>₹<span class="price"></span></div>
221 
+                            <div><span class="price"></span></div>
114 222 
                             <div class="text-danger msgErrorDetailsItem d-none">Product out of stock</div>
115 223 
                         </div>
116 224 
 
@@ -283,7 +391,7 @@
283 391 
                             </ul>
284 392 
                         </div>
285 393 
                         <hr>
286 
-                        <div class="pb-2 quantityHTML">
394 
+                        <div class="pb-2 quantityHTML" id="specification_data">
287 395 
                             <span>Quantity :</span>
288 396 
                             <select name="quantity" id="quantity">
289 397 
                                 <option value="1">1</option>
 
@@ -384,7 +492,7 @@
384 492 
                                     </div>
385 493
386 494 
                                 </div>
387 
-                                <div class="specContainerRight">
495 
+                                <!-- <div class="specContainerRight">
388 496
389 497 
                                     <div class="">
390 498 
                                         <div class="row  border-bottom">
 
@@ -417,7 +525,7 @@
417 525 
                                             </div>
418 526 
                                         </div>
419 527 
                                     </div>
420 
-                                </div>
528 
+                                </div> -->
421 529 
                             </div>
422 530 
                         </div>
423 531 
 
@@ -433,38 +541,120 @@
433 541 
     <!-- end-footer -->
434 542
435 543
436 
-
437 
-    <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
544 
+<script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
438 545 
     <script src="./dist/js/jquery.min.js"></script>
546 
+    <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
439 547 
     <script src="./libs/axios.min.js"></script>
440 
-    <script src="./dist/js/fontawesome.all.js"></script>
441 
-    <script src="./dist/js/fontawesome.min.js"></script>
442 
-    <script src="./dist/js/vendor/bootstrap.min.js"></script>
443 
-
444 
-
445 
-    <!--  -->
446 
-    <!-- <script src="./libs/toaster/toastr.js"></script> -->
447 
-    <script src="./dist/toaster/toastr.js"></script>
448 
-    <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
449 
-    <script src="./dist/js/jquery.min.js"></script>
450 
-    <script src="./dist/js/main.js"></script>
451 548
549 
+
452 550
453 551
552 
+ <script src="./dist/js/footer.js"></script>
454 553 
     <script src="./libs/cookies.min.js"></script>
554 
+    <script src="./dist/js/fontawesome.all.js"></script>
555 
+    <script src="./dist/js/fontawesome.min.js"></script>
556 
+    <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
557 
+    <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
558 
+    <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
559 
+    <script src="./dist/js/vendor/bootstrap.min.js"></script>
560 
+    <script src="./dist/js/plugins/slick.js"></script>
561 
+    <script src="./dist/js/plugins/wow.js"></script>
562 
+    <script src="./dist/js/plugins/svg-injector.min.js"></script>
563 
+    <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
564 
+    <script src="./dist/js/plugins/mouse-parallax.js"></script>
565 
+    <script src="./dist/js/plugins/images-loaded.js"></script>
566 
+    <script src="./dist/js/plugins/isotope.js"></script>
567 
+    <script src="./dist/js/plugins/jquery-ui.js"></script>
568 
+    <script src="./dist/js/plugins/magnific-popup.js"></script>
569 
+    <script src="./dist/js/validate.min.js"></script>
455 570
571 
+    <script src="./dist/toaster/toastr.js"></script>
456 572
573 
+    <script src="./dist/js/navbar.js"></script>
574 
+    <script src="./dist/js/main.js"></script>
457 575
458 
-    <script src="./dist/js/footer.js"></script>
459 576 
     <script src="./dist/js/utils/helpers.js"></script>
460 577 
     <script src="./dist/js/auth/apiservice.js"></script>
461 578 
     <script src="./dist/js/shoppingcart/addtocart.js"></script>
462 
-    <script src="./dist/js/navbar.js"></script>
579 
+
463 580 
     <script src="./dist/js/shoppingcart/shoppingcart.js"></script>
464 581 
     <script src="./dist/js/productdetails/productdetails.js"></script>
465 582
466 583
467 
-
584 
+<script>
585 
+     let searchTerm = window.location.search.split('?')[1]?.toLowerCase();
586 
+        if (searchTerm) {
587 
+            if (searchTerm.includes('zeno')) {
588 
+                $('.fyro_id').addClass('d-none');
589 
+                $('.zeno_id').removeClass('d-none');
590 
+                $('.productitemnamefull').html('Zeno');
591 
+            } else {
592 
+                $('.zeno_id').addClass('d-none');
593 
+                $('.fyro_id').removeClass('d-none');
594 
+                $('.productitemnamefull').html('Fyro');
595 
+            }
596 
+        } else {
597 
+            $('.productitemnamefull').parent().addClass('d-none');
598 
+        }
599 
+        let ram_page = window.location.pathname;
600 
+        let loc_2= ram_page.includes('allinones.html');
601 
+        if(loc_2 === true){
602 
+            let imgs = `./dist/assets/imgs/anwi-logo-1.png`;
603 
+            $(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
604 
+            $(".logo-menu-wrap").find(".logo img").attr("src",imgs);
605 
+            $('.same-style').find('svg path').attr('fill','#fff');
606 
+            $('svg path').attr('fill','#fff');
607 
+        }
608 
+
609 
+
610 
+        if(window.location.href.includes("?AIO%20Fyro")){
611 
+            let imgs = `./dist/assets/imgs/anwi-logo-2.png`;
612 
+            $(".logo-menu-wrap").find(".logo img").attr("src",imgs);
613 
+            $(".main-menu").find("nav ul li a").removeClass("text-dark").addClass("text-white");
614 
+            $("iframe").addClass("d-none");
615 
+            $(".fyro_id").find(".container").addClass("pt-5");
616 
+            $(".processor_name").addClass("d-none");
617 
+        }
618 
+        else if(window.location.href.includes("?AIO%20Zeno")){
619 
+            $(".zeno_id").find(".container").addClass("pt-5");
620 
+            $("iframe").addClass("d-none");
621 
+            let imgs = `./dist/assets/imgs/anwi-logo-2.png`;
622 
+            $(".main-menu").find("nav ul li a").removeClass("text-dark").addClass("text-white");
623 
+            $(".logo-menu-wrap").find(".logo img").attr("src",imgs);
624 
+            $('.same-style').find('svg path').attr('fill','#fff');
625 
+            $('svg path').attr('fill','#fff');
626 
+        }
627 
+
628 
+
629 
+
630 
+        let product_page = window.location.pathname;
631 
+        let loc = product_page.includes('?FYRO');
632 
+        // let loc_1 = product_page.includes('?AIO%20Zeno');
633 
+        if(loc === false){
634 
+            $(".fyro_id").addClass("d-none");
635 
+        }
636 
+        // if(loc_1 === true){
637 
+        //     $(".fyro_id").addClass("d-none");
638 
+        //     $(".zeno_id").removeClass("d-none");
639 
+        // }
640 
+$(document).ready(function() {
641 
+  function swapSections() {
642 
+  var sectionOne = document.querySelector('.section-one');
643 
+  var sectionTwo = document.querySelector('.section-two');
644 
+
645 
+  var isMobile = window.matchMedia("(max-width: 768px)").matches;
646 
+
647 
+  if (isMobile) {
648 
+    sectionOne.parentNode.insertBefore(sectionOne, sectionTwo);
649 
+  }
650 
+}
651 
+
652 
+// Call the swapSections function on load and resize
653 
+window.addEventListener('load', swapSections);
654 
+window.addEventListener('resize', swapSections);
655 
+
656 
+});
657 
+</script>
468 658
469 659 
 </body>
470 660

+ 91
- 47
ramproducts.html Vedi File 

@@ -47,74 +47,86 @@
47 47 
 </head>
48 48
49 49 
 <body class="product_pg">
50 
+    <auth-loader></auth-loader>
50 51 
     <!-- navbar -->
51 52 
     <div id="navbar-head" class="shadow"></div>
52 53 
     <!-- end-navbar -->
53 54 
     <!-- main-body -->
54 
-    <main class="main-body home-main-container pt-md-0 pt-5">
55 
-        <section class="services h-100 pt-3  bg-gradient-anwi">
55 
+    <main class="main-body home-main-container loading-main pt-md-0 pt-5 d-none">
56 
+        <!-- <section class="services h-100 pt-3  bg-gradient-anwi">
56 57 
             <div class="container pt-5 ">
57 58 
                 <div class="text-center text-white ">
58 59 
                 </div>
59 60 
             </div>
60 
-        </section>
61 
-        <section class="position-relative bg-black">
61 
+        </section> -->
62 
+        <section class="position-relative bg-black section-one">
62 63 
             <!-- <img src="./dist/assets/imgs/allin_imgs/ssd_img.png" class="img-fluid w-100" alt="ssd_img"/> -->
63 
-            <iframe src="https://player.vimeo.com/video/821425902?h=d2d8572f26&amp&autoplay=1&loop=1&autopause=0&badge=0&player_id=0&controls=0&muted=1" width="1536px" height="860px" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
64 
+            <iframe
65 
+                src="https://player.vimeo.com/video/821425902?h=d2d8572f26&amp&autoplay=1&loop=1&autopause=0&badge=0&player_id=0&controls=0&muted=1"
66 
+                width="1536px" height="860px" frameborder="0" allow="autoplay; fullscreen; picture-in-picture"
67 
+                allowfullscreen></iframe>
64 68 
             <!-- <iframe src="https://player.vimeo.com/video/816131155?h=4667fd18e1&autoplay=1&loop=1&autopause=0&badge=0&player_id=0&controls=0&muted=1" width="1536px" height="860px" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> -->
65 
-        <!-- <div class="position-fixed text-white volume_btn" style="right:35px;bottom:20px">
69 
+            <!-- <div class="position-fixed text-white volume_btn" style="right:35px;bottom:20px">
66 70 
             <p class="mb-0 d-none bg-blue p-2 px-3 rounded-circle shadow" id="mute"><i class="fa-solid fa-volume-low"></i></p>
67 71 
             <p class="bg-blue mb-0 p-2 px-3 rounded-circle shadow" id="unmute"><i class="fa-sharp fa-volume-xmark"></i></p>
68 72 
         </div> -->
69 73 
         </section>
70 
-       <section class="pt-2 ramsContainer " id="ora_products">
71 
-    <div class="products-container container pb-5" id="pills-tabContent">
72 
-        <div class="text-center pb-md-5 pt-5">
73 
-            <h1 class="satoshi_font pb-md-4 pb-3">Discover the revolution of ORA</h1>
74 
-            <p class="fs-6 satoshi_font fw-500 pb-md-4">
75 
-                ORA Memory Series, harnessing cutting-edge<br>
76 
-                Graphene technology for blazing-fast heat absorption in NVMe SSDs.<br>
77 
-                Boasting an ultra-slim 1mm Heatsink, we defy temperature limits and redefine storage performance.
78 
-            </p>
79 
-        </div>
80 
-        <div class="text-center py-md-5 py-4">
81 
-            <span class="bg-black fs-5 px-md-4 py-md-2 py-2 px-4 rounded-3 text-white">Join the future with Anwi Systems</span>
82 
-        </div>
83 
-        <div class="row product_card_section">
84 
-            <!--desktop--->
85 
-            <div class="col-sm-4 p-3">
86 
-                <div class="product_card_3 shadow ram_card">
87 
-                    <div class="card-item-header">
88 
-                        <div class="card-header-sub-3"><a class=" py-md-1" href="">
89 
-                        <img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" class="w-100 h-100"></a>
90 
-                        </div>
91 
-                    </div>
92 
-                    <div class="card-item-body">
93 
-                      <h3 cclass="mb-2"> <a href="#" class="" > ORA 8GB DDR4 3200MHz Desktop RAM </a></h3>
94 
-                      <hr>
95 
-                        <h6>8GB DDR4</h6> <h6>3200 Mhz</h6>
96 
-                        <div class="py-2 card_product_footer">
97 
-                            <a href="#" class="w-100 satoshi_font ram_btn" data_name="ORA 8GB DDR4 3200MHz Desktop RAM "  data_version="DDR4" data_device="Desktop" data_gb="8GB"   data_price="2900">Details </a>
74 
+        <section class="pt-2 ramsContainer section-two" id="ora_products">
75 
+            <div class="products-container container pb-5" id="pills-tabContent">
76 
+                <div class="text-center pb-md-5 pt-5">
77 
+                    <h1 class="satoshi_font pb-md-4 pb-3">Discover the revolution of ORA</h1>
78 
+                    <p class="fs-6 satoshi_font fw-500 pb-md-4">
79 
+                        ORA Memory Series, harnessing cutting-edge<br>
80 
+                        Graphene technology for blazing-fast heat absorption in NVMe SSDs.<br>
81 
+                        Boasting an ultra-slim 1mm Heatsink, we defy temperature limits and redefine storage
82 
+                        performance.
83 
+                    </p>
84 
+                </div>
85 
+                <div class="text-center py-md-5 py-4">
86 
+                    <span class="bg-black fs-5 px-md-4 py-md-2 py-2 px-4 rounded-3 text-white">Join the future with Anwi
87 
+                        Systems</span>
88 
+                </div>
89 
+                <div class="row product_card_section">
90 
+                    <!--desktop--->
91 
+                    <div class="col-sm-4 p-3">
92 
+                        <div class="product_card_3 shadow ram_card">
93 
+                            <div class="card-item-header">
94 
+                                <div class="card-header-sub-3"><a class=" py-md-1" href="">
95 
+                                        <img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png"
96 
+                                            class="w-100 h-100"></a>
97 
+                                </div>
98 
+                            </div>
99 
+                            <div class="card-item-body">
100 
+                                <h3 cclass="mb-2"> <a href="#" class=""> ORA 8GB DDR4 3200MHz Desktop RAM </a></h3>
101 
+                                <hr>
102 
+                                <h6>8GB DDR4</h6>
103 
+                                <h6>3200 Mhz</h6>
104 
+                                <div class="py-2 card_product_footer">
105 
+                                    <a href="#" class="w-100 satoshi_font ram_btn"
106 
+                                        data_name="ORA 8GB DDR4 3200MHz Desktop RAM " data_version="DDR4"
107 
+                                        data_device="Desktop" data_gb="8GB" data_price="2900">Details </a>
108 
+                                </div>
109 
+                            </div>
98 110 
                         </div>
99 111 
                     </div>
112 
+                    <!--desktop--->
100 113 
                 </div>
101 114 
             </div>
102 
-            <!--desktop--->
103 
-        </div>
104 
-    </div>
105 
-</section>
115 
+        </section>
106 116 
     </main>
107 117 
     <div id="enquire"></div>
108 118 
     <!-- footer -->
109 119 
     <div id="footer-head"></div>
120 
+
110 121 
     <!-- end-footer -->
122 
+    <script src="./dist/js/components/authloader/authloader.js"></script>
111 123 
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
112 124 
     <script src="./dist/js/jquery.min.js"></script>
113 125 
     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
114 
-
115 
-   <script src="./libs/axios.min.js"></script>
116 126
117 
-      <script src="./libs/cookies.min.js"></script>
127 
+    <script src="./libs/axios.min.js"></script>
128 
+
129 
+    <script src="./libs/cookies.min.js"></script>
118 130
119 131 
     <script src="./dist/toaster/toastr.js"></script>
120 132 
     <script src="./dist/js/fontawesome.all.js"></script>
 
@@ -130,18 +142,50 @@
130 142
131 143
132 144
133 
-<!-- Main JS -->
134 
-<script src="./dist/js/utils/helpers.js"></script>
145 
+    <!-- Main JS -->
146 
+    <script src="./dist/js/utils/helpers.js"></script>
135 147 
     <script src="./dist/js/navbar.js"></script>
136 
-        <script src="./dist/js/footer.js"></script>
148 
+    <script src="./dist/js/footer.js"></script>
137 149
138 150 
     <script src="./dist/js/main.js"></script>
139 151
140 152
141 
-   <script src="./dist/js/auth/apiservice.js"></script>
142 
-  <script src="./dist/js/products/products.js"></script>
153 
+    <script src="./dist/js/auth/apiservice.js"></script>
154 
+    <script src="./dist/js/products/products.js"></script>
155 
+
156 
+    <script>
157 
+
158 
+        let ram_page = window.location.pathname;
159 
+        let loc = ram_page.includes('ramproducts.html');
160 
+        if (loc === true) {
161 
+            let imgs = `./dist/assets/imgs/anwi-logo-1.png`;
162 
+            $(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
163 
+            $(".logo-menu-wrap").find(".logo img").attr("src", imgs);
164 
+            $('.same-style').find('svg path').attr('fill', '#000');
165 
+            $('svg path').attr('fill', '#000');
166 
+        }
167 
+
168 
+        function swapSections() {
169 
+                var sectionOne = document.querySelector('.section-one');
170 
+                var sectionTwo = document.querySelector('.section-two');
171 
+
172 
+                var isMobile = window.matchMedia("(max-width: 768px)").matches;
173 
+
174 
+                if (isMobile) {
175 
+                    sectionOne.parentNode.insertBefore(sectionOne, sectionTwo);
176 
+                }
177 
+            }
178 
+            swapSections();
179 
+
180 
+            // Call the swapSections function on load and resize
181 
+            // window.addEventListener('load', swapSections);
182 
+            window.addEventListener('resize', swapSections);
143 183
144 
-
184 
+            setTimeout(function (){
185 
+                document.querySelector('auth-loader').hide();
186 
+                $('.home-main-container').removeClass('d-none');
187 
+            },1000);
188 
+    </script>
145 189 
 </body>
146 190
147 191 
 </html>

+ 1
- 1
services/bulk-orders.html Vedi File 

@@ -50,7 +50,7 @@
50 50 
         </section>
51 51 
         <section>
52 52 
             <div class="container py-md-5 py-3">
53 
-                <div class="row shadow px-3 rounded-4">
53 
+                <div class="border px-3 rounded row shadow">
54 54 
                     <div class="bg-white">
55 55 
                         <div>
56 56 
                             <p class="mb-0 py-2">&cir;&cir;&cir;</p>

+ 1
- 1
services/online-help.html Vedi File 

@@ -50,7 +50,7 @@
50 50 
         </section>
51 51 
         <section>
52 52 
             <div class="container py-md-5 py-3">
53 
-                <div class="row shadow px-3 rounded-4">
53 
+                <div class="border px-3 rounded row shadow">
54 54 
                     <div class="bg-white">
55 55 
                         <div>
56 56 
                             <p class="mb-0 py-2">&cir;&cir;&cir;</p>

+ 3
- 3
services/paymentmethod.html Vedi File 

@@ -36,11 +36,11 @@
36 36 
     <div id="navbar-head"></div>
37 37 
     <!-- end-navbar -->
38 38 
     <!-- main-body -->
39 
-    <main class="main-body home-main-container pt-5">
39 
+    <main class="main-body home-main-container">
40 40 
         <section class="services bg-gradient-anwi h-100 pt-5">
41 41 
             <div class="container pt-md-5">
42 42 
                 <div class="row pt-md-5 pt-5 pb-md-5 pb-3">
43 
-                    <h3 class="text-white text-center">
43 
+                    <h3 class="text-white text-center pt-5">
44 44 
                         <span class="satoshi_font pt-md-5 font-weight-600 pb-1">
45 45 
                             Payment Method
46 46 
                         </span>
 
@@ -50,7 +50,7 @@
50 50 
         </section>
51 51 
         <section>
52 52 
             <div class="container py-md-5 py-3">
53 
-                <div class="row shadow px-3 rounded-4">
53 
+                <div class="border px-3 rounded row shadow">
54 54 
                     <div class="bg-white">
55 55 
                         <div>
56 56 
                             <p class="mb-0 py-2">&cir;&cir;&cir;</p>

+ 1
- 1
services/product-warrenty.html Vedi File 

@@ -48,7 +48,7 @@
48 48 
         </section>
49 49 
         <section>
50 50 
             <div class="container py-md-5 py-3">
51 
-                <div class="row shadow px-3 rounded-4">
51 
+                <div class="border px-3 rounded row shadow">
52 52 
                     <div class="bg-white">
53 53 
                         <div>
54 54 
                             <p class="mb-0 py-2">&cir;&cir;&cir;</p>

+ 1
- 1
services/return-policy.html Vedi File 

@@ -49,7 +49,7 @@
49 49 
         </section>
50 50 
         <section>
51 51 
             <div class="container py-md-5 py-3">
52 
-                <div class="row shadow px-3 rounded-4">
52 
+                <div class="border px-3 rounded row shadow">
53 53 
                     <div class="bg-white">
54 54 
                         <div>
55 55 
                             <p class="mb-0 py-2">&cir;&cir;&cir;</p>

+ 1
- 1
services/shipping-delivary.html Vedi File 

@@ -50,7 +50,7 @@
50 50 
         </section>
51 51 
         <section>
52 52 
             <div class="container py-md-5 py-3">
53 
-                <div class="row shadow px-3 rounded-4">
53 
+                <div class="border px-3 rounded row shadow">
54 54 
                     <div class="bg-white">
55 55 
                         <div>
56 56 
                             <p class="mb-0 py-2">&cir;&cir;&cir;</p>

+ 13
- 13
shopping-cart.html Vedi File 

@@ -96,9 +96,11 @@
96 96
97 97 
                 </div>
98 98 
                 <div class="emptyShow row d-none">
99 
-                    <div class="bg-white innerEmptyShow p-5 d-flex justify-content-center gap-2">
100 
-                        <span><i class="fa fa-cart-shopping"></i></span>
101 
-                      <span>  Your Card is Empty</span>
99 
+                    <div class="bg-white innerEmptyShow p-5 d-flex flex-column align-items-center justify-content-center gap-2">
100 
+                      <p> <span><i class="fa fa-cart-shopping"></i></span>
101 
+                        <span>  Your Card is Empty</span></p>
102 
+
103 
+                      <p><a class="btn btn-dark button_dark" href="index.html">Continue Shopping</a></p>
102 104
103 105 
                     </div>
104 106 
                 </div>
 
@@ -164,7 +166,7 @@
164 166 
                 <!-- <div class="bg-white rounded  d-block d-sm-none "> -->
165 167 
                     <div class="card mb-3 mt-5" style="max-width: 540px;">
166 168 
                         <div class="mx-auto mobile-cart-img">
167 
-                            <img src="./dist/assets/imgs/Home/Shopping-cart-item-img.png" alt="shopping-cart-item-img" class="img-fluid">
169 
+                            <img src="{img}" alt="shopping-cart-item-img" class="img-fluid">
168 170 
                         </div>
169 171 
                         <div class="d-flex align-items-center g-0">
170 172 
                             <div class="col-md-8">
 
@@ -406,12 +408,12 @@
406 408 
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
407 409 
     <script src="./dist/js/jquery.min.js"></script>
408 410 
     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
409 
-    <script src="./dist/js/utils/helpers.js"></script>
410 411
411 412 
     <script src="./libs/axios.min.js"></script>
412 
-    <script src="./dist/js/footer.js"></script>
413 
+
413 414 
     <script src="./libs/cookies.min.js"></script>
414 415
416 
+    <script src="./dist/toaster/toastr.js"></script>
415 417 
     <script src="./dist/js/fontawesome.all.js"></script>
416 418 
     <script src="./dist/js/fontawesome.min.js"></script>
417 419 
     <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
 
@@ -422,18 +424,16 @@
422 424 
     <script src="./dist/js/plugins/wow.js"></script>
423 425 
     <script src="./dist/js/plugins/svg-injector.min.js"></script>
424 426 
     <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
425 
-    <script src="./dist/js/plugins/mouse-parallax.js"></script>
426 
-    <script src="./dist/js/plugins/images-loaded.js"></script>
427 
-    <script src="./dist/js/plugins/isotope.js"></script>
428 
-    <script src="./dist/js/plugins/jquery-ui.js"></script>
429 
-    <script src="./dist/js/plugins/magnific-popup.js"></script>
427 
+
430 428 
     <!-- Main JS -->
431 
-
432 
-    <script src="./dist/js/main.js"></script>
429 
+    <script src="./dist/js/footer.js"></script>
430 
+    <script src="./dist/js/utils/helpers.js"></script>
431 
+
433 432 
     <script src="./dist/js/auth/apiservice.js"></script>
434 433 
     <script src="./dist/js/shoppingcart/addtocart.js"></script>
435 434 
     <script src="./dist/js/shoppingcart/shoppingcart.js"></script>
436 435 
     <script src="./dist/js/navbar.js"></script>
436 
+    <script src="./dist/js/main.js"></script>
437 437 
     <script>
438 438 
         $(window).scroll(function() {
439 439 
             if (isScrolledIntoView('#footer-head'))

+ 14
- 13
storageproducts.html Vedi File 

@@ -48,17 +48,18 @@
48 48
49 49 
 <body class="product_pg">
50 50 
     <!-- navbar -->
51 
+    <auth-loader></auth-loader>
51 52 
     <div id="navbar-head" class="shadow"></div>
52 53 
     <!-- end-navbar -->
53 54 
     <!-- main-body -->
54 55 
     <main class="main-body home-main-container pt-md-0 pt-5">
55 
-        <section class="services h-100 pt-3  bg-gradient-anwi">
56 
+        <!-- <section class="services h-100 pt-3  bg-gradient-anwi">
56 57 
             <div class="container pt-5 ">
57 58 
                 <div class="text-center text-white ">
58 59 
                 </div>
59 60 
             </div>
60 
-        </section>
61 
-        <section class="position-relative bg-black">
61 
+        </section> -->
62 
+        <section class="position-relative bg-black section-one">
62 63 
             <!-- <img src="./dist/assets/imgs/allin_imgs/ssd_img.png" class="img-fluid w-100" alt="ssd_img"/> -->
63 64 
             <iframe src="https://player.vimeo.com/video/816131155?h=4667fd18e1&autoplay=1&loop=1&autopause=0&badge=0&player_id=0&controls=0&muted=1" width="1536px" height="860px" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
64 65 
         <!-- <div class="position-fixed text-white volume_btn" style="right:35px;bottom:20px">
 
@@ -66,7 +67,7 @@
66 67 
             <p class="bg-blue mb-0 p-2 px-3 rounded-circle shadow" id="unmute"><i class="fa-sharp fa-volume-xmark"></i></p>
67 68 
         </div> -->
68 69 
         </section>
69 
-        <section class="pt-2" id="ora_products">
70 
+        <section class="pt-2 section-two" id="ora_products">
70 71 
             <div class="products-container">
71 72 
                 <div class="product-cards">
72 73 
                     
@@ -88,7 +89,7 @@
88 89 
                                     <!-- first tab-pane -->
89 90 
                                    <div class="row product_card_section">
90 91 
                                     <!--desktop--->
91 
-                                    <div class="col-sm-4 p-3">
92 
+                                    <!-- <div class="col-sm-4 p-3">
92 93 
                                         <div class="product_card_1 shadow ram_card">
93 94 
                                             <div class="card-item-header">
94 95 
                                                 <div class="card-header-sub-1"><a class=" py-md-1" href="">
 
@@ -104,7 +105,7 @@
104 105 
                                                 </div>
105 106 
                                             </div>
106 107 
                                         </div>
107 
-                                    </div>
108 
+                                    </div> -->
108 109 
                                 </div>
109 110 
                                  </div>
110 111 
                                 </div>
 
@@ -119,6 +120,7 @@
119 120 
     <!-- footer -->
120 121 
     <div id="footer-head"></div>
121 122 
     <!-- end-footer -->
123 
+    <script src="./dist/js/components/authloader/authloader.js"></script>
122 124 
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
123 125 
     <script src="./dist/js/jquery.min.js"></script>
124 126 
     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
 
@@ -126,6 +128,7 @@
126 128 
    <script src="./libs/axios.min.js"></script>
127 129
128 130 
       <script src="./libs/cookies.min.js"></script>
131 
+      <script src="./dist/js/utils/helpers.js"></script>
129 132
130 133 
     <script src="./dist/toaster/toastr.js"></script>
131 134 
     <script src="./dist/js/fontawesome.all.js"></script>
 
@@ -141,15 +144,13 @@
141 144
142 145
143 146 
 <!-- Main JS -->
144 
-<script src="./dist/js/utils/helpers.js"></script>
147 
+
145 148 
     <script src="./dist/js/navbar.js"></script>
146 
-        <script src="./dist/js/footer.js"></script>
147 
-
149 
+    <script src="./dist/js/footer.js"></script>
148 150 
     <script src="./dist/js/main.js"></script>
149 
-
150 
-
151 
-   <script src="./dist/js/auth/apiservice.js"></script>
152 
-      <script src="./dist/js/products/products.js"></script>
151 
+    <script src="./dist/js/auth/apiservice.js"></script>
152 
+    <script src="./dist/js/products/products.js"></script>
153 
+
153 154 
 </body>
154 155
155 156 
 </html>

+ 2
- 2
style.css Vedi File 

@@ -880,7 +880,7 @@ body {
880 880 
   bottom: -2px;
881 881 
   right: 0;
882 882 
   display: none;
883 
-  background-color: black;
883 
+  background-color: red;
884 884 
 }
885 885 
 .controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs {
886 886 
   border-bottom: 1px solid;
 
@@ -965,7 +965,7 @@ body {
965 965 
 .home-main-container .zeno_steamlined_section .zeno_products_main_container .Two_four_inch_Card {
966 966 
   background: radial-gradient(#54aff6, #26549A);
967 967 
   width: 100%;
968 
-  max-width: 86%;
968 
+  /* max-width: 86%; */
969 969 
 }
970 970 
 .home-main-container .zeno_steamlined_section .zeno_products_main_container .zeno_sleekbook_1 {
971 971 
   background: radial-gradient(#FFEFAB, #FFDB45);

+ 58
- 18
support.html Vedi File 

@@ -34,6 +34,7 @@
34 34 
 </head>
35 35
36 36 
 <body>
37 
+    <auth-loader></auth-loader>
37 38 
     <!-- navbar -->
38 39 
     <div id="navbar-head"></div>
39 40 
     <!-- end-navbar -->
 
@@ -45,18 +46,25 @@
45 46 
                 </div>
46 47 
             </div>
47 48 
         </section>
48 
-
49 
-        <section class="bg-gradient-violet">
49 
+
50 
+        <section class="bg-gradient-violet supportcontainer d-none">
50 51 
             <div id="home-help">
51 52 
                 <div class="home-help--wrapper">
52 
-                    <div class="home-help--wrapper_content">
53 
+                    <div class="home-help--wrapper_content pt-4">
53 54 
                         <!-- <div class="home-help--wrapper_content-title"> How can I help you? </div> -->
54 
-                        <h3 class="satoshi_font"><a href="mailto:sales@anwisystems.com " class="satoshi_font">sales@anwisystems.com </a></h3>
55 
+                        <h3 class="satoshi_font"><a href="mailto:sales@anwisystems.com "
56 
+                                class="satoshi_font">sales@anwisystems.com </a></h3>
55 57 
                         <h4 class="satoshi_font fs-6 pb-md-5 pb-2">Send us email for any queries.</h4>
56 58 
                         <div class="home-help--wrapper_content-items">
57 59 
                             <a href="https://anwisystems.com/w" alt="" class="grow-1 text-dark">
58 60 
                                 <div class="grow-width">
59 
-                                  <svg class="svg-inline--fa fa-shield-halved fs-60" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="shield-halved" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 0c4.6 0 9.2 1 13.4 2.9L457.7 82.8c22 9.3 38.4 31 38.3 57.2c-.5 99.2-41.3 280.7-213.6 363.2c-16.7 8-36.1 8-52.8 0C57.3 420.7 16.5 239.2 16 140c-.1-26.2 16.3-47.9 38.3-57.2L242.7 2.9C246.8 1 251.4 0 256 0zm0 66.8V444.8C394 378 431.1 230.1 432 141.4L256 66.8l0 0z"></path></svg>
61 
+                                    <svg class="svg-inline--fa fa-shield-halved fs-60" aria-hidden="true"
62 
+                                        focusable="false" data-prefix="fas" data-icon="shield-halved" role="img"
63 
+                                        xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
64 
+                                        <path fill="currentColor"
65 
+                                            d="M256 0c4.6 0 9.2 1 13.4 2.9L457.7 82.8c22 9.3 38.4 31 38.3 57.2c-.5 99.2-41.3 280.7-213.6 363.2c-16.7 8-36.1 8-52.8 0C57.3 420.7 16.5 239.2 16 140c-.1-26.2 16.3-47.9 38.3-57.2L242.7 2.9C246.8 1 251.4 0 256 0zm0 66.8V444.8C394 378 431.1 230.1 432 141.4L256 66.8l0 0z">
66 
+                                        </path>
67 
+                                    </svg>
60 68 
                                     <div class="content">
61 69 
                                         <p class="item_title">Warranty</p>
62 70 
                                         <p class="item_dec">Enable Warranty / Check Warranty.</p>
 
@@ -64,7 +72,13 @@
64 72 
                                 </div>
65 73 
                             </a>
66 74 
                             <a href="#" alt="" class="grow-1 text-dark">
67 
-                                <div class="grow-width fs-60"><svg class="svg-inline--fa fa-laptop" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="laptop" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg=""><path fill="currentColor" d="M128 32C92.7 32 64 60.7 64 96V352h64V96H512V352h64V96c0-35.3-28.7-64-64-64H128zM19.2 384C8.6 384 0 392.6 0 403.2C0 445.6 34.4 480 76.8 480H563.2c42.4 0 76.8-34.4 76.8-76.8c0-10.6-8.6-19.2-19.2-19.2H19.2z"></path></svg>
75 
+                                <div class="grow-width fs-60"><svg class="svg-inline--fa fa-laptop" aria-hidden="true"
76 
+                                        focusable="false" data-prefix="fas" data-icon="laptop" role="img"
77 
+                                        xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-fa-i2svg="">
78 
+                                        <path fill="currentColor"
79 
+                                            d="M128 32C92.7 32 64 60.7 64 96V352h64V96H512V352h64V96c0-35.3-28.7-64-64-64H128zM19.2 384C8.6 384 0 392.6 0 403.2C0 445.6 34.4 480 76.8 480H563.2c42.4 0 76.8-34.4 76.8-76.8c0-10.6-8.6-19.2-19.2-19.2H19.2z">
80 
+                                        </path>
81 
+                                    </svg>
68 82 
                                     <div class="content">
69 83 
                                         <p class="item_title">Laptop Service</p>
70 84 
                                         <p class="item_dec">Get your Installation and Repair started from here.</p>
 
@@ -73,16 +87,28 @@
73 87 
                             </a>
74 88 
                             <a href="#" alt="" class="grow-1 text-dark">
75 89 
                                 <div class="grow-width">
76 
-                                  <svg class="svg-inline--fa fa-desktop fs-60" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="desktop" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg=""><path fill="currentColor" d="M64 0C28.7 0 0 28.7 0 64V352c0 35.3 28.7 64 64 64H240l-10.7 32H160c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H346.7L336 416H512c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H64zM512 64V288H64V64H512z"></path></svg>
90 
+                                    <svg class="svg-inline--fa fa-desktop fs-60" aria-hidden="true" focusable="false"
91 
+                                        data-prefix="fas" data-icon="desktop" role="img"
92 
+                                        xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" data-fa-i2svg="">
93 
+                                        <path fill="currentColor"
94 
+                                            d="M64 0C28.7 0 0 28.7 0 64V352c0 35.3 28.7 64 64 64H240l-10.7 32H160c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H346.7L336 416H512c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H64zM512 64V288H64V64H512z">
95 
+                                        </path>
96 
+                                    </svg>
77 97 
                                     <div class="content">
78 98 
                                         <p class="item_title">All in One Service</p>
79 99 
                                         <p class="item_dec">Get your repair started here.</p>
80 100 
                                     </div>
81 101 
                                 </div>
82 102 
                             </a>
83 
-                            <a href="#" alt=""class="grow-1 text-dark">
103 
+                            <a href="#" alt="" class="grow-1 text-dark">
84 104 
                                 <div class="grow-width">
85 
-                                  <svg class="svg-inline--fa fa-screwdriver-wrench fs-60" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="screwdriver-wrench" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M78.6 5C69.1-2.4 55.6-1.5 47 7L7 47c-8.5 8.5-9.4 22-2.1 31.6l80 104c4.5 5.9 11.6 9.4 19 9.4h54.1l109 109c-14.7 29-10 65.4 14.3 89.6l112 112c12.5 12.5 32.8 12.5 45.3 0l64-64c12.5-12.5 12.5-32.8 0-45.3l-112-112c-24.2-24.2-60.6-29-89.6-14.3l-109-109V104c0-7.5-3.5-14.5-9.4-19L78.6 5zM19.9 396.1C7.2 408.8 0 426.1 0 444.1C0 481.6 30.4 512 67.9 512c18 0 35.3-7.2 48-19.9L233.7 374.3c-7.8-20.9-9-43.6-3.6-65.1l-61.7-61.7L19.9 396.1zM512 144c0-10.5-1.1-20.7-3.2-30.5c-2.4-11.2-16.1-14.1-24.2-6l-63.9 63.9c-3 3-7.1 4.7-11.3 4.7H352c-8.8 0-16-7.2-16-16V102.6c0-4.2 1.7-8.3 4.7-11.3l63.9-63.9c8.1-8.1 5.2-21.8-6-24.2C388.7 1.1 378.5 0 368 0C288.5 0 224 64.5 224 144l0 .8 85.3 85.3c36-9.1 75.8 .5 104 28.7L429 274.5c49-23 83-72.8 83-130.5zM56 432a24 24 0 1 1 48 0 24 24 0 1 1 -48 0z"></path></svg>
105 
+                                    <svg class="svg-inline--fa fa-screwdriver-wrench fs-60" aria-hidden="true"
106 
+                                        focusable="false" data-prefix="fas" data-icon="screwdriver-wrench" role="img"
107 
+                                        xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
108 
+                                        <path fill="currentColor"
109 
+                                            d="M78.6 5C69.1-2.4 55.6-1.5 47 7L7 47c-8.5 8.5-9.4 22-2.1 31.6l80 104c4.5 5.9 11.6 9.4 19 9.4h54.1l109 109c-14.7 29-10 65.4 14.3 89.6l112 112c12.5 12.5 32.8 12.5 45.3 0l64-64c12.5-12.5 12.5-32.8 0-45.3l-112-112c-24.2-24.2-60.6-29-89.6-14.3l-109-109V104c0-7.5-3.5-14.5-9.4-19L78.6 5zM19.9 396.1C7.2 408.8 0 426.1 0 444.1C0 481.6 30.4 512 67.9 512c18 0 35.3-7.2 48-19.9L233.7 374.3c-7.8-20.9-9-43.6-3.6-65.1l-61.7-61.7L19.9 396.1zM512 144c0-10.5-1.1-20.7-3.2-30.5c-2.4-11.2-16.1-14.1-24.2-6l-63.9 63.9c-3 3-7.1 4.7-11.3 4.7H352c-8.8 0-16-7.2-16-16V102.6c0-4.2 1.7-8.3 4.7-11.3l63.9-63.9c8.1-8.1 5.2-21.8-6-24.2C388.7 1.1 378.5 0 368 0C288.5 0 224 64.5 224 144l0 .8 85.3 85.3c36-9.1 75.8 .5 104 28.7L429 274.5c49-23 83-72.8 83-130.5zM56 432a24 24 0 1 1 48 0 24 24 0 1 1 -48 0z">
110 
+                                        </path>
111 
+                                    </svg>
86 112 
                                     <div class="content">
87 113 
                                         <p class="item_title">Accessories</p>
88 114 
                                         <p class="item_dec">Get repair service in Anwi Service Center.</p>
 
@@ -91,7 +117,8 @@
91 117 
                             </a>
92 118 
                             <a href="#" alt="" target="_blank" class="grow-1 text-dark d-none">
93 119 
                                 <div class="grow-width">
94 
-                                    <img src="https://oasis.opstatics.com/content/dam/support/homepage/icon/switch.png" alt="" class="icon">
120 
+                                    <img src="https://oasis.opstatics.com/content/dam/support/homepage/icon/switch.png"
121 
+                                        alt="" class="icon">
95 122 
                                     <div class="content">
96 123 
                                         <p class="item_title">Replace Products</p>
97 124 
                                         <p class="item_dec">Check if your device is eligible for replacement</p>
 
@@ -100,7 +127,8 @@
100 127 
                             </a>
101 128 
                             <a href="#" alt="" target="_blank" class="grow-1 text-dark d-none">
102 129 
                                 <div class="grow-width">
103 
-                                    <img src="https://oasis.opstatics.com/content/dam/support/homepage/icon/help.png" alt="" class="icon">
130 
+                                    <img src="https://oasis.opstatics.com/content/dam/support/homepage/icon/help.png"
131 
+                                        alt="" class="icon">
104 132 
                                     <div class="content">
105 133 
                                         <p class="item_title">User Manual</p>
106 134 
                                         <p class="item_dec">Explore your OnePlus device with easy user manuals</p>
 
@@ -109,16 +137,18 @@
109 137 
                             </a>
110 138 
                             <a href="#" alt="" target="_blank" class="grow-1 text-dark d-none">
111 139 
                                 <div class="grow-width">
112 
-                                    <img src="https://oasis.opstatics.com/content/dam/support/homepage/icon/sparepart.png" alt="" class="icon">
140 
+                                    <img src="https://oasis.opstatics.com/content/dam/support/homepage/icon/sparepart.png"
141 
+                                        alt="" class="icon">
113 142 
                                     <div class="content">
114 143 
                                         <p class="item_title">Repair Pricing</p>
115 144 
                                         <p class="item_dec">Find repair pricing for your device</p>
116 145 
                                     </div>
117 146 
                                 </div>
118 147 
                             </a>
119 
-                            <a href="#" alt="" target="_blank"class="grow-1 text-dark d-none">
148 
+                            <a href="#" alt="" target="_blank" class="grow-1 text-dark d-none">
120 149 
                                 <div class="grow-width">
121 
-                                    <img src="https://oasis.opstatics.com/content/dam/support/homepage/icon/software-upgrade.png" alt="" class="icon">
150 
+                                    <img src="https://oasis.opstatics.com/content/dam/support/homepage/icon/software-upgrade.png"
151 
+                                        alt="" class="icon">
122 152 
                                     <div class="content">
123 153 
                                         <p class="item_title">Software Update</p>
124 154 
                                         <p class="item_dec">Get the latest OxygenOS updates for your device.</p>
 
@@ -134,14 +164,14 @@
134 164 
     <!-- footer -->
135 165 
     <div id="footer-head"></div>
136 166 
     <!-- end-footer -->
137 
-
167 
+    <script src="./dist/js/components/authloader/authloader.js"></script>
138 168 
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
139 169 
     <script src="./dist/js/jquery.min.js"></script>
140 170 
     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
141 
-    <script src="./dist/js/navbar.js"></script>
142 
-   <script src="./libs/axios.min.js"></script>
171 
+
172 
+    <script src="./libs/axios.min.js"></script>
143 173 
     <script src="./dist/js/footer.js"></script>
144 
-      <script src="./libs/cookies.min.js"></script>
174 
+    <script src="./libs/cookies.min.js"></script>
145 175 
     <script src="./dist/js/fontawesome.all.js"></script>
146 176 
     <script src="./dist/js/fontawesome.min.js"></script>
147 177 
     <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
 
@@ -158,8 +188,18 @@
158 188 
     <script src="./dist/js/plugins/jquery-ui.js"></script>
159 189 
     <script src="./dist/js/plugins/magnific-popup.js"></script>
160 190 
     <!-- Main JS -->
191 
+    <script src="./dist/js/auth/apiservice.js"></script>
192 
+    <script src="./dist/js/navbar.js"></script>
161 193 
     <script src="./dist/js/main.js"></script>
162 194
195 
+    <script>
196 
+        setTimeout(function () {
197 
+            document.querySelector('auth-loader').hide();
198 
+            $('.loading-main').removeClass('d-none');
199 
+            $('.supportcontainer').removeClass('d-none');
200 
+        }, 1000);
201 
+    </script>
202 
+
163 203 
 </body>
164 204
165 205 
 </html>

Write Preview
Loading…
Annulla
Salva