sachin.ganesh
/
anwi_website
ウォッチ 1
スター 0
フォーク 0
コード 課題 0 プルリクエスト 0 リリース 0 Wiki アクティビティ
ソースを参照

add new changes

sachinganesh 2年前
親
c2f6fbdb94
コミット
60ea1797f1
43個のファイルの変更、2932行の追加、1000行の削除
ユニファイド表示 差分情報を表示
  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 ファイルの表示

48 
     </style>
 48 
     </style>
49 
 </head>
 49 
 </head>
50
50
51 
-<body>
51 
+<body class="contact_page">
52 
     <!-- navbar -->
 52 
     <!-- navbar -->
53 
     <div id="navbar-head"></div>
 53 
     <div id="navbar-head"></div>
54 
     <!-- end-navbar -->
 54 
     <!-- end-navbar -->
55 
     <!-- main-body -->
 55 
     <!-- main-body -->
56 
     <main class="main-body home-main-container">
 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 
         <div class="container pt-5 ">
 58 
         <div class="container pt-5 ">
59 
             <div class="text-center text-white ">
 59 
             <div class="text-center text-white ">
60 
             </div>
 60 
             </div>
61 
         </div>
 61 
         </div>
62 
     </section>
 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 
             <div class="container pt-md-5 pt-3">
 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 
                   <!--  contact page side content  -->
 67 
                   <!--  contact page side content  -->
68 
                   <div class="contact-page-side-content text-center py-md-5">
 68 
                   <div class="contact-page-side-content text-center py-md-5">
69 
                     <div class="single-contact-block mb-5 d-flex flex-column">
 69 
                     <div class="single-contact-block mb-5 d-flex flex-column">
128 
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
 128 
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
129 
     <script src="./dist/js/jquery.min.js"></script>
 129 
     <script src="./dist/js/jquery.min.js"></script>
130 
     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
 130 
     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
131 
-    <script src="./dist/js/navbar.js"></script>
131 
+
132 
    <script src="./libs/axios.min.js"></script>
 132 
    <script src="./libs/axios.min.js"></script>
133 
     <script src="./dist/js/footer.js"></script>
 133 
     <script src="./dist/js/footer.js"></script>
134 
       <script src="./libs/cookies.min.js"></script>
 134 
       <script src="./libs/cookies.min.js"></script>
150 
     <script src="./dist/js/validate.min.js"></script>
 150 
     <script src="./dist/js/validate.min.js"></script>
151 
     <script src="./dist/toaster/toastr.js"></script>
 151 
     <script src="./dist/toaster/toastr.js"></script>
152 
     <!-- Main JS -->
 152 
     <!-- Main JS -->
153 
+    <script src="./dist/js/auth/apiservice.js"></script>
154 
+    <script src="./dist/js/navbar.js"></script>
153 
     <script src="./dist/js/main.js"></script>
 155 
     <script src="./dist/js/main.js"></script>
154
156
155 
     <script>
 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 
       // $("#contact_form_submit").click(function(){
 169 
       // $("#contact_form_submit").click(function(){
157 
       //   debugger
 170 
       //   debugger
158 
       //    let User_name = $("#user_name").val();
 171 
       //    let User_name = $("#user_name").val();

+ 12
- 5
dist/Js/auth/apiservice.js ファイルの表示

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

+ 42
- 23
dist/Js/auth/login.js ファイルの表示

97
97
98 
   function updatePasswordUI() {
 98 
   function updatePasswordUI() {
99 
     formErrorAction.removeClass();
 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 
     $('.authContainerUI').html(html);
 102 
     $('.authContainerUI').html(html);
103 
     updatepasswordEvents();
 103 
     updatepasswordEvents();
151 
   function loadPasswordListener(){
 151 
   function loadPasswordListener(){
152
152
153 
     $('.passwordvalidui').off().on('keyup',function (e){
 153 
     $('.passwordvalidui').off().on('keyup',function (e){
154 
-      debugger;
154 
+
155 
       $(this).parent().find('.pswd_info').css('display','block');
 155 
       $(this).parent().find('.pswd_info').css('display','block');
156 
       let value = $(this).val();
 156 
       let value = $(this).val();
157
157
268
268
269 
   function forgotPasswordUIEmail() {
 269 
   function forgotPasswordUIEmail() {
270 
     formErrorAction.removeClass();
 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 
     $('.authContainerUI').html(html);
 272 
     $('.authContainerUI').html(html);
273 
     loadForpasswordsEvents();
 273 
     loadForpasswordsEvents();
274 
   }
 274 
   }
288 
         return;
 288 
         return;
289 
       }
 289 
       }
290
290
291 
-
291 
+      debugger;
292 
       const email = $('#User_Email').val();
 292 
       const email = $('#User_Email').val();
293
293
294 
       const isUserURL = AUTH_LOGIN_APIS_URL.isUser(email);
 294 
       const isUserURL = AUTH_LOGIN_APIS_URL.isUser(email);
299 
       if (!isUser) {
 299 
       if (!isUser) {
300 
         loginUser();
 300 
         loginUser();
301 
       } else {
 301 
       } else {
302 
+        debugger;
302 
         signUpUser();
 303 
         signUpUser();
303 
       }
 304 
       }
304 
     });
 305 
     });
368 
       authloginLoadingBtnAction.removeLoading();
 369 
       authloginLoadingBtnAction.removeLoading();
369 
       return;
 370 
       return;
370 
     }
 371 
     }
371 
-
372 
-    COOKIE_HELPER_ACTIONS.setCookie({
372 
+    let authObj = {
373 
       token: res.result.sessionId,
 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 
     const isCartAdded = localStorage.getItem(CART_ADD);
 388 
     const isCartAdded = localStorage.getItem(CART_ADD);
379 
           if(isCartAdded){
 389 
           if(isCartAdded){
438 
       formErrorAction.addError('Password must contain one specail letter ,number,small letter, uppercase letter and 8 letters');
 448 
       formErrorAction.addError('Password must contain one specail letter ,number,small letter, uppercase letter and 8 letters');
439 
       return;
 449 
       return;
440 
     }
 450 
     }
451 
+
452 
+
441 
     const userRegistratioNPayload = {
 453 
     const userRegistratioNPayload = {
442 
       organizationtypeid: "2",
 454 
       organizationtypeid: "2",
443 
       organizationid: "0",
 455 
       organizationid: "0",
487 
   function loginUI() {
 499 
   function loginUI() {
488 
     formErrorAction.removeClass();
 500 
     formErrorAction.removeClass();
489 
     let html = `  <div class="text-center pb-4">
 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 
   </div>
 503 
   </div>
492 
   <form class="row g-3 needs-validation" novalidate>
 504 
   <form class="row g-3 needs-validation" novalidate>
493 
     <div class="form-floating py-0">
 505 
     <div class="form-floating py-0">
520 
     </div>
 532 
     </div>
521 
     <div class="fs-7 my-2 satoshi_font text-center"> By continuing, I agree to the Terms of Use & Privacy Policy </div>
 533 
     <div class="fs-7 my-2 satoshi_font text-center"> By continuing, I agree to the Terms of Use & Privacy Policy </div>
522 
     <div class="col-12 mt-0 px-0">
 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 
         <div class="spinner-border authloginLoadingBtn d-none" role="status">
 536 
         <div class="spinner-border authloginLoadingBtn d-none" role="status">
525 
           <span class="visually-hidden">Loading...</span>
 537 
           <span class="visually-hidden">Loading...</span>
526 
         </div>
 538 
         </div>
527 
-        <span class="authloginLoading">Continue</span>
539 
+        <span class="authloginLoading h-50p">Continue</span>
528 
       </button>
 540 
       </button>
529 
     </div>
 541 
     </div>
530 
   </form>
 542 
   </form>
544 
     <span class="btnForgotback">
 556 
     <span class="btnForgotback">
545 
       <i class="fa-solid fa-arrow-left"></i>
 557 
       <i class="fa-solid fa-arrow-left"></i>
546 
     </span>
 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 
     $('.authContainerUI').html(html);
 561 
     $('.authContainerUI').html(html);
550 
     loadOTPEvents(forgot);
 562 
     loadOTPEvents(forgot);
551 
   }
 563 
   }
592 
         let presVal = $(this).val();
 604 
         let presVal = $(this).val();
593 
         userotp += presVal;
 605 
         userotp += presVal;
594 
       });
 606 
       });
595 
-
607 
+debugger;
596 
       if (userotp.length == 6) {
 608 
       if (userotp.length == 6) {
597 
         // const validateForgotpass = {
 609 
         // const validateForgotpass = {
598 
         //   email: userDetails.email,
 610 
         //   email: userDetails.email,
615 
             toasterHelper("success", "Email has been verified");
 627 
             toasterHelper("success", "Email has been verified");
616 
             return;
 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 
           const isCartAdded = localStorage.getItem(CART_ADD);
 645 
           const isCartAdded = localStorage.getItem(CART_ADD);
627 
           if(isCartAdded){
 646 
           if(isCartAdded){
628 
             localStorage.removeItem(CART_ADD);
 647 
             localStorage.removeItem(CART_ADD);

+ 1
- 0
dist/Js/components/authloader/authloader.js ファイルの表示

127 
       console.log(this.payment);
 127 
       console.log(this.payment);
128 
       this._shadowRoot = this.attachShadow({ 'mode': 'open' });
 128 
       this._shadowRoot = this.attachShadow({ 'mode': 'open' });
129 
       this._shadowRoot.appendChild(template.content.cloneNode(true));
 129 
       this._shadowRoot.appendChild(template.content.cloneNode(true));
130 
+      this.show();
130 
     }
 131 
     }
131
132
132 
     static get observedAttributes() {
 133 
     static get observedAttributes() {

+ 1
- 1
dist/Js/footer.js ファイルの表示

334 
                 </div>
 334 
                 </div>
335 
                 <div class="footer-rkt position-absolute bottom-0
 335 
                 <div class="footer-rkt position-absolute bottom-0
336 
                         end-0 me-5">
 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 
                 </div>
 338 
                 </div>
339 
             </div>
 339 
             </div>
340 
         </div>
 340 
         </div>

+ 183
- 32
dist/Js/main.js ファイルの表示

7
7
8 
     let width = $(window).width();
 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 
     var header = $('.sticky-bar');
 13 
     var header = $('.sticky-bar');
13 
     var win = $(window);
 14 
     var win = $(window);
14 
     let ele_page = $("body").hasClass("product_pg");
 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 
        win.on('scroll', function() {
 73 
        win.on('scroll', function() {
31 
         var scroll = win.scrollTop();
 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 
         if (scroll < 100) {
 83 
         if (scroll < 100) {
84 
+
33 
             header.removeClass('stick');
 85 
             header.removeClass('stick');
34 
             $("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
 86 
             $("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
35 
             $("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
 87 
             $("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
36 
             $("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
 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 
             // $('.header-bottom-flex').find('svg path').attr('fill','#fff');
 91 
             // $('.header-bottom-flex').find('svg path').attr('fill','#fff');
38 
             $("body").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
 92 
             $("body").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
39 
             $("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
 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 
             if ($body_pg == true) {
 102 
             if ($body_pg == true) {
42 
                 $(".main-menu").find("nav ul li a").addClass("text-dark");
 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 
                 $(".header-bottom").addClass("sticky-bar stick");
 106 
                 $(".header-bottom").addClass("sticky-bar stick");
46 
             }else{
 107 
             }else{
47 
                 let $about_pg = $("body").hasClass("about_page");
 108 
                 let $about_pg = $("body").hasClass("about_page");
109 
+
48 
                 if($about_pg == true){
 110 
                 if($about_pg == true){
49 
                     $(".main-menu").find("nav ul li a").addClass("text-dark");
 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 
                     $(".header-bottom").addClass("sticky-bar stick");
 114 
                     $(".header-bottom").addClass("sticky-bar stick");
53 
                     $("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
 115 
                     $("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
54 
                 }else{
 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 
         } else {
 156 
         } else {
63 
             header.addClass('stick');
 157 
             header.addClass('stick');
64 
-
158 
+            subNavContainer(ADD_SUB_NAV_CONTAINER);
65 
                 $(".header-bottom").addClass("sticky-bar stick");
 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 
                 $(".main-menu").find("nav ul li a").removeClass("text-white");
 162 
                 $(".main-menu").find("nav ul li a").removeClass("text-white");
69 
                 $("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
 163 
                 $("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
70 
                 $('.header-bottom-flex').find('svg path').attr('fill','#000')
 164 
                 $('.header-bottom-flex').find('svg path').attr('fill','#000')
71 
                 let $body_pg = $("body").hasClass("services_page");
 165 
                 let $body_pg = $("body").hasClass("services_page");
72 
                 if ($body_pg == true) {
 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 
                     $(".main-menu").find("nav ul li a").removeClass("text-white");
 169 
                     $(".main-menu").find("nav ul li a").removeClass("text-white");
76 
                 }
 170 
                 }
77 
                 let $about_pg = $("body").hasClass("about_page");
 171 
                 let $about_pg = $("body").hasClass("about_page");
78 
                 if($about_pg == true){
 172 
                 if($about_pg == true){
79 
                     $(".main-menu").find("nav ul li a").addClass("text-dark");
 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 
                     $(".header-bottom").addClass("sticky-bar stick");
 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 
         Slider active 1
 236 
         Slider active 1
89 
     -----------------------------------*/
 237 
     -----------------------------------*/
1503 
         }
 1651 
         }
1504 
     },300)
 1652 
     },300)
1505
1653
1654 
+
1655 
+
1656 
+
1506 
 })(jQuery);
 1657 
 })(jQuery);
1507
1658

+ 22
- 22
dist/Js/myaccount/Address.js ファイルの表示

1 
 async function addressDetails() {
 1 
 async function addressDetails() {
2 
-  debugger;
2 
+
3 
   // const user_addr_num =$("#Profile_Phone_num").val();
 3 
   // const user_addr_num =$("#Profile_Phone_num").val();
4 
   getbillinginfoBind();
 4 
   getbillinginfoBind();
5 
   let addr_phone = $('#phonenumber');
 5 
   let addr_phone = $('#phonenumber');
14
14
15 
   function renderCustomStateDropdown(stateList) {
 15 
   function renderCustomStateDropdown(stateList) {
16 
     let html = ``;
 16 
     let html = ``;
17 
-    debugger;;
17 
+
18 
     let maxLen = stateList.length > 10 ? 10 : stateList.length
 18 
     let maxLen = stateList.length > 10 ? 10 : stateList.length
19 
     for (let i = 0; i < maxLen; i++) {
 19 
     for (let i = 0; i < maxLen; i++) {
20 
       let currItem = stateList[i];
 20 
       let currItem = stateList[i];
24 
     $('.stateBox').html(html);
 24 
     $('.stateBox').html(html);
25
25
26 
     $('.stateoption').off().click(function (e) {
 26 
     $('.stateoption').off().click(function (e) {
27 
-      debugger;
27 
+
28 
       const name = $(e.target).data('name');
 28 
       const name = $(e.target).data('name');
29 
       const id = $(e.target).data('value');
 29 
       const id = $(e.target).data('value');
30 
       $('#state').val(name);
 30 
       $('#state').val(name);
70 
           `apis/v4/bizgaze/integrations/anwiauth/getbillinginfo/contactid/${cookieRes.userId}`
 70 
           `apis/v4/bizgaze/integrations/anwiauth/getbillinginfo/contactid/${cookieRes.userId}`
71 
         );
 71 
         );
72 
       let res = JSON.parse(response.result);
 72 
       let res = JSON.parse(response.result);
73 
-      debugger;
73 
+
74 
       console.log(res);
 74 
       console.log(res);
75 
       res = res[res.length - 1];
 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 
       let Profileusername = $('#Profile_User_name').val()
 80 
       let Profileusername = $('#Profile_User_name').val()
81 
       let Profileuserphone = $('#Profile_Phone_num').val()
 81 
       let Profileuserphone = $('#Profile_Phone_num').val()
82 
       $('.overview_user_name').html(Profileusername);
 82 
       $('.overview_user_name').html(Profileusername);
83 
       $('.overview_user_phone').html(Profileuserphone);
 83 
       $('.overview_user_phone').html(Profileuserphone);
84 
-      if (res.cityid == "0") {
84 
+      if (res?.cityid == "0") {
85 
         $(".profile_Address").html(
 85 
         $(".profile_Address").html(
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>`
 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 
         $(".address_edit").hide();
 89 
         $(".address_edit").hide();
90 
         $(".create_address").on("click", function () {
 90 
         $(".create_address").on("click", function () {
91 
-          debugger
91 
+
92 
           $(this).hide();
 92 
           $(this).hide();
93 
           $('.saveaddress').hide()
 93 
           $('.saveaddress').hide()
94 
           $(".addresslist").show();
 94 
           $(".addresslist").show();
95 
           $(".Createaddress").show();
 95 
           $(".Createaddress").show();
96 
           getCountryStateCurrency();
 96 
           getCountryStateCurrency();
97 
         });
 97 
         });
98 
-        $('.Createaddress').on('click', async function () {
98 
+        $('.Createaddress').off().on('click', async function () {
99 
           if (addr_zip.val() == "" || addr_addrline.val() == "") {
 99 
           if (addr_zip.val() == "" || addr_addrline.val() == "") {
100 
             // toastr.error('Required Feilds are Empty!');
 100 
             // toastr.error('Required Feilds are Empty!');
101 
             //  if(addr_phone.val() == '' || addr_phone.val().length <10){
 101 
             //  if(addr_phone.val() == '' || addr_phone.val().length <10){
128 
         })
 128 
         })
129 
       } else {
 129 
       } else {
130 
         $(".profile_Address").html(
 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 
       resolve();
 138 
       resolve();
139 
     });
 139 
     });
140 
-  } debugger
140 
+  }
141
141
142
142
143 
   $(".address_edit").on("click", function () {
 143 
   $(".address_edit").on("click", function () {
160 
     .off("click")
 160 
     .off("click")
161 
     .click(async function () {
 161 
     .click(async function () {
162
162
163 
-      debugger
163 
+
164 
       if (addr_zip.val() == "" || addr_addrline.val() == "") {
 164 
       if (addr_zip.val() == "" || addr_addrline.val() == "") {
165 
         // toastr.error('Required Feilds are Empty!');
 165 
         // toastr.error('Required Feilds are Empty!');
166 
         //  if(addr_phone.val() == '' || addr_phone.val().length <10){
 166 
         //  if(addr_phone.val() == '' || addr_phone.val().length <10){
201 
       let limit = 10;
 201 
       let limit = 10;
202 
       let results = [];
 202 
       let results = [];
203 
       let maxLen = stateArr.length > 10 ? 10 :stateArr.length;
 203 
       let maxLen = stateArr.length > 10 ? 10 :stateArr.length;
204 
-      debugger
204 
+
205 
       for(let i=0;i<stateArr.length;i++){
 205 
       for(let i=0;i<stateArr.length;i++){
206 
           let currItem = stateArr[i];
 206 
           let currItem = stateArr[i];
207 
           let stateName = currItem.cityname.toLowerCase();
 207 
           let stateName = currItem.cityname.toLowerCase();
305 
   }
 305 
   }
306
306
307 
   function createBillingForm() {
 307 
   function createBillingForm() {
308 
-    debugger;
308 
+
309 
     return new Promise(async (resolve, reject) => {
 309 
     return new Promise(async (resolve, reject) => {
310 
       let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
 310 
       let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
311 
       let { userId, name } = cookieRes;
 311 
       let { userId, name } = cookieRes;
312 
       const ctyId = await getCountryId();
 312 
       const ctyId = await getCountryId();
313 
-      let stateId = parseInt($("#state").val());
313 
+      let stateId = $("#state").data('id');
314 
       let payload = {
 314 
       let payload = {
315 
         cityid: stateId,
 315 
         cityid: stateId,
316 
         CityName: $(`[data-id="${stateId}"`).html(),
 316 
         CityName: $(`[data-id="${stateId}"`).html(),
344 
   }
 344 
   }
345
345
346 
   async function AddresssaveForm() {
 346 
   async function AddresssaveForm() {
347 
-    debugger;
347 
+
348 
     let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
 348 
     let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
349 
     let { userId, name } = cookieRes;
 349 
     let { userId, name } = cookieRes;
350 
     const { errorMsg, isError, response } =
 350 
     const { errorMsg, isError, response } =

+ 1
- 0
dist/Js/myaccount/Myaccount.js ファイルの表示

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

+ 8
- 8
dist/Js/myaccount/Profile.js ファイルの表示

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

+ 6
- 6
dist/Js/myaccount/myaccount_warrenty.js ファイルの表示

1 
 function wattantyFunction(){
 1 
 function wattantyFunction(){
2
2
3 
-debugger
3 
+
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>`;
 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 
 $(".user_orders").append(order_card);
 6 
 $(".user_orders").append(order_card);
18 
          $('#Add_serial_number_inp').removeClass('border-danger')
18 
          $('#Add_serial_number_inp').removeClass('border-danger')
19 
          $('#Add_phonenumber_inp').removeClass('border-danger');
 19 
          $('#Add_phonenumber_inp').removeClass('border-danger');
20 
     let port = SERVERNAME;
 20 
     let port = SERVERNAME;
21 
-    debugger
21 
+
22 
     let url = `${port}/apis/v4/Bizgaze/integrations/products/warrantyservice/serialno/${serial_no_inp}`;
 22 
     let url = `${port}/apis/v4/Bizgaze/integrations/products/warrantyservice/serialno/${serial_no_inp}`;
23 
     console.log(url);
 23 
     console.log(url);
24 
     // const STAT = `05b2f2ca510344968c65e1ebf49a5595`
 24 
     // const STAT = `05b2f2ca510344968c65e1ebf49a5595`
31 
     };
 31 
     };
32
32
33 
     let response = await axios(config);
 33 
     let response = await axios(config);
34 
-    debugger
34 
+
35 
     console.log(response)
 35 
     console.log(response)
36 
     let product_res = response.data.result
 36 
     let product_res = response.data.result
37 
     if (product_res != null) {
 37 
     if (product_res != null) {
70 
                     let warrenty_date =value[0].warrantytodate
 70 
                     let warrenty_date =value[0].warrantytodate
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>`;
 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 
                        let is_warranty_enable=value[0].warrantyenabled
 72 
                        let is_warranty_enable=value[0].warrantyenabled
73 
-                       debugger
73 
+
74 
                        $(".user_Warranty_details").html(userwarrenty_product);
 74 
                        $(".user_Warranty_details").html(userwarrenty_product);
75 
                        if(is_warranty_enable == true){
 75 
                        if(is_warranty_enable == true){
76 
                        $('.is_warranty_enable').text('Activated')
 76 
                        $('.is_warranty_enable').text('Activated')
117 
     //     // let  strDate = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate();
 117 
     //     // let  strDate = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate();
118 
     //     let  strDate =  new Date().toISOString().slice(0, 10)
 118 
     //     let  strDate =  new Date().toISOString().slice(0, 10)
119 
     // console.log(strDate)
 119 
     // console.log(strDate)
120 
-    debugger
120 
+
121 
     const res = await postAPIServiceWarranty(`apis/v4/bizgaze/transact/items/savewarrantyasync`, Warrentypayload);
 121 
     const res = await postAPIServiceWarranty(`apis/v4/bizgaze/transact/items/savewarrantyasync`, Warrentypayload);
122 
-    debugger
122 
+
123 
     console.log(res)
 123 
     console.log(res)
124 
   if (res.data.status == 2) {
 124 
   if (res.data.status == 2) {
125 
     //   $('.warranty_productform').addClass('d-none');
 125 
     //   $('.warranty_productform').addClass('d-none');

+ 51
- 13
dist/Js/myaccount/orderdetails.js ファイルの表示

1 
 async function bindOrderDetails() {
 1 
 async function bindOrderDetails() {
2 
   let user_number = $('.User_phoneum').text();
 2 
   let user_number = $('.User_phoneum').text();
3 
   // validatesession()
 3 
   // validatesession()
4 
-  debugger
4 
+
5 
   let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
 5 
   let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
6 
   let { userId } = cookieRes;
 6 
   let { userId } = cookieRes;
7 
   //let userId = '106631380000048';
 7 
   //let userId = '106631380000048';
8 
-  debugger;
8 
+
9 
+  console.log(cookieRes);
9 
   let port = SERVERNAME;
 10 
   let port = SERVERNAME;
10 
   // let port = "http://localhost:3088";
 11 
   // let port = "http://localhost:3088";
11 
   let url = `${port}/apis/v4/Bizgaze/integrations/products/salesorderdetailsbyorgid/organizationid/${userId}`;
 12 
   let url = `${port}/apis/v4/Bizgaze/integrations/products/salesorderdetailsbyorgid/organizationid/${userId}`;
19 
       'Content-Type': 'application/json'
 20 
       'Content-Type': 'application/json'
20 
     }
 21 
     }
21 
   };
 22 
   };
22 
-  debugger
23 
+
23 
   let res = await axios(config);
 24 
   let res = await axios(config);
24 
   if (res.data.result == '[]' || res.data.result === null) {
 25 
   if (res.data.result == '[]' || res.data.result === null) {
25 
     $(".user_order_details").append(`<div><h6 class="text-center">No orders Found</h6></div>`);
 26 
     $(".user_order_details").append(`<div><h6 class="text-center">No orders Found</h6></div>`);
26 
     return;
 27 
     return;
27 
   }
 28 
   }
28 
   const orderDetailsres = JSON.parse(res.data.result);
 29 
   const orderDetailsres = JSON.parse(res.data.result);
29 
-  console.log(orderDetailsres);
30 
+  console.log(orderDetailsres,"order");
30 
   let new_arrr = orderDetailsres;
 31 
   let new_arrr = orderDetailsres;
31 
   console.log(new_arrr);
 32 
   console.log(new_arrr);
32 
   $(".user_order_details").html(``)
 33 
   $(".user_order_details").html(``)
36 
   let order_netTotal = '';
 37 
   let order_netTotal = '';
37 
   let order_quantity = '';
 38 
   let order_quantity = '';
38 
   let order_taxAmount = '';
 39 
   let order_taxAmount = '';
40 
+
39 
   for (let i = 0; i < new_arrr.length; i++) {
 41 
   for (let i = 0; i < new_arrr.length; i++) {
40 
     let current = new_arrr[i]
 42 
     let current = new_arrr[i]
43 
+    console.log(current);
41 
     let updatedCurent_total = current.nettotal.toLocaleString()
 44 
     let updatedCurent_total = current.nettotal.toLocaleString()
42 
     order_itemTotal = current.itemtotal;
 45 
     order_itemTotal = current.itemtotal;
43 
     order_netTotal = current.nettotal;
 46 
     order_netTotal = current.nettotal;
44 
     order_quantity = current.Quantity;
 47 
     order_quantity = current.Quantity;
45 
     order_taxAmount = current.taxamount;
 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 
   <div class="border-3 mb-3 card">
 50 
   <div class="border-3 mb-3 card">
48 
     <div class="text-dark card-body px-0 pt-0">
 51 
     <div class="text-dark card-body px-0 pt-0">
49 
       <div class="d-none">
 52 
       <div class="d-none">
53 
         <span class="order_qty">${order_quantity}</span>
 56 
         <span class="order_qty">${order_quantity}</span>
54 
       </div>
 57 
       </div>
55 
       <div class="bg-gray-4 p-2 m-0 border-bottom">
 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 
       </p>
 60 
       </p>
58 
     </div>
 61 
     </div>
59 
       <div class="bg-gray-4 p-2 row g-0">
 62 
       <div class="bg-gray-4 p-2 row g-0">
76 
         <div class="col-md-4 ms-auto">
 79 
         <div class="col-md-4 ms-auto">
77
80
78 
           <div class="d-flex justify-content-between">
 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 
           </div>
 93 
           </div>
82 
         </div>
 94 
         </div>
83 
       </div>
 95 
       </div>
101 
       </div>
 113 
       </div>
102 
     </div>
 114 
     </div>
103 
   </div>
 115 
   </div>
104 
-</a>`;
116 
+</div>`;
105 
   }
 117 
   }
106 
   $(".user_order_details").append(user_order_details);
 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 
     //  window.localStorage.setItem('orderDate',current_order_date);
 122 
     //  window.localStorage.setItem('orderDate',current_order_date);
110 
     //  window.localStorage.setItem('orderSerialno',current_serial_no);
 123 
     //  window.localStorage.setItem('orderSerialno',current_serial_no);
111 
     //  window.localStorage.setItem('Userphonenumber',user_number);
 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 
 function toasterOpts() {
 153 
 function toasterOpts() {
116 
   toastr.options = {
 154 
   toastr.options = {

+ 328
- 137
dist/Js/navbar.js ファイルの表示

1 
 navINIT();
 1 
 navINIT();
2
2
3 
 function navINIT() {
 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 
     if(!window.location.href.includes('orderconfirmation')&&!window.location.href.includes('/w/')){
 53 
     if(!window.location.href.includes('orderconfirmation')&&!window.location.href.includes('/w/')){
5 
         loadCart();
 54 
         loadCart();
55 
+
6 
     }
 56 
     }
7
57
8 
     function loadHelper(src = './dist/js/utils/helpers.js'){
 58 
     function loadHelper(src = './dist/js/utils/helpers.js'){
40 
         }
 90 
         }
41
91
42 
          setLengthCart();
 92 
          setLengthCart();
93 
+         getAllProdouctsIds();
43 
         //console.log("hello");
 94 
         //console.log("hello");
44
95
45
96
48 
     }
 99 
     }
49 
     let URLNAMENAV = window.location.href;
 100 
     let URLNAMENAV = window.location.href;
50 
     const isTransparent = URLNAMENAV.includes('login')||URLNAMENAV.includes('orderconfirmation')|| URLNAMENAV.includes('services/paymentmethod.html');
 101 
     const isTransparent = URLNAMENAV.includes('login')||URLNAMENAV.includes('orderconfirmation')|| URLNAMENAV.includes('services/paymentmethod.html');
102 
+
51 
     let nav_html = `
 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 
             <div class="header-large-device">
 105 
             <div class="header-large-device">
54 
                 <div class="header-bottom sticky-bar">
 106 
                 <div class="header-bottom sticky-bar">
55 
                     <div class="container">
 107 
                     <div class="container">
56 
                         <div class="header-bottom-flex">
 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 
                                 <div class="logo">
 110 
                                 <div class="logo">
59 
                                     <a href="../index.html">
 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 
                                     </a>
 113 
                                     </a>
62 
                                 </div>
 114 
                                 </div>
63 
                                 <div class="main-menu menu-lh-1 main-menu-padding-1">
 115 
                                 <div class="main-menu menu-lh-1 main-menu-padding-1">
64 
                                     <nav>
 116 
                                     <nav>
65 
                                         <ul class="mb-0 p-0">
 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 
                                                             </div>
 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 
                                                             </div>
 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 
                                                         </div>
 148 
                                                         </div>
124 
-                                                  </div>
125 
-                                                </li>
126 
-                                                </ul>
149 
+                                                    </a>
150 
+                                                </div>
151 
+                                                </div>
127 
                                             </li>
 152 
                                             </li>
128 
                                         </ul>
 153 
                                         </ul>
129 
                                     </li>
 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 
                                                         </div>
 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 
                                                 </div>
 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 
                                                         </div>
 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 
                                                         </div>
 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 
                                                         </div>
 206 
                                                         </div>
186 
-                                                    </div>
207 
+                                                    </a>
187 
                                                 </div>
 208 
                                                 </div>
188 
-                                          </div>
209 
+                                            </div>
189 
                                         </li>
 210 
                                         </li>
190 
-                                        </ul>
191 
-                                    </li>
192 
-                                </ul>
211 
+                                    </ul>
193 
                                     </li>
 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 
                                             <li><a href="./support.html" class="satoshi_font">SUPPORT</a></li>
 216 
                                             <li><a href="./support.html" class="satoshi_font">SUPPORT</a></li>
195 
                                             <li><a href="./press.html" class="satoshi_font">PRESS</a></li>
 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 
                                             <li><a href="./contact.html" class="satoshi_font">CONTACT</a></li>
 218 
                                             <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>
 219 
                                             <li class="d-none"><a href="#" class="satoshi_font product_data" item_id="106633220000002">ACCESSORIES</a></li>
199 
                                         </ul>
 220 
                                         </ul>
203 
                             <div class="header-action-wrap header-action-flex header-action-width header-action-mrg-1">
 224 
                             <div class="header-action-wrap header-action-flex header-action-width header-action-mrg-1">
204 
                                 <div class="same-style">
 225 
                                 <div class="same-style">
205 
                                 <a href="/myaccount.html" class="my_avatar">
 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 
                                 </a>
 238 
                                 </a>
209 
                                 </div>
 239 
                                 </div>
210 
                                 <div class="same-style header-cart">
 240 
                                 <div class="same-style header-cart">
211 
                                 <a class="cart-active1 position-relative" href="/shopping-cart.html">
 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 
                                 <span class="position-absolute cartnumcount d-none" >0</span>
 254 
                                 <span class="position-absolute cartnumcount d-none" >0</span>
215 
                                 </a>
 255 
                                 </a>
216 
                                 </div>
 256 
                                 </div>
217 
                             </div>
 257 
                             </div>
218 
                         </div>
 258 
                         </div>
219 
                     </div>
 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 
                 </div>
 282 
                 </div>
221 
             </div>
 283 
             </div>
222 
             <div class="header-small-device header-small-ptb sticky-bar py-md-2 py-2 bg-white">
 284 
             <div class="header-small-device header-small-ptb sticky-bar py-md-2 py-2 bg-white">
241 
                         <div class="col-6">
 303 
                         <div class="col-6">
242 
                             <div class="header-action-wrap header-action-flex header-action-mrg-1">
 304 
                             <div class="header-action-wrap header-action-flex header-action-mrg-1">
243 
                                 <div class="same-style">
 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 
                                 </div>
 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 
                                 <span class="position-absolute cartnumcount d-none"  style="top:-27%;right:-80%">0</span>
 334 
                                 <span class="position-absolute cartnumcount d-none"  style="top:-27%;right:-80%">0</span>
249 
                                 </a>
 335 
                                 </a>
250 
                                 </div>
 336 
                                 </div>
280 
                     <div class="clickable-mainmenu-wrap clickable-mainmenu-style1">
 366 
                     <div class="clickable-mainmenu-wrap clickable-mainmenu-style1">
281 
                         <nav>
 367 
                         <nav>
282 
                             <ul class="pl-0">
 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 
                                 <li class=""><a href="./support.html" class="satoshi_font" >SUPPORT</a></li>
 427 
                                 <li class=""><a href="./support.html" class="satoshi_font" >SUPPORT</a></li>
286 
                                 <li class=""><a href="./press.html" class="satoshi_font">PRESS</a></li>
 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 
                                 <li class=""><a href="./contact.html" class="satoshi_font">CONTACT</a></li>
 429 
                                 <li class=""><a href="./contact.html" class="satoshi_font">CONTACT</a></li>
289 
                             </ul>
 430 
                             </ul>
290 
                         </nav>
 431 
                         </nav>
313 
             </div>
 454 
             </div>
314 
         </div>`;
 455 
         </div>`;
315 
     $("#navbar-head").html(nav_html);
 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 
     let width = $(window).width();
 474 
     let width = $(window).width();
317 
     $(".menu-negative-mrg2,.menu-negative-mrg3,.menu-negative-mrg4").css("width", width);
 475 
     $(".menu-negative-mrg2,.menu-negative-mrg3,.menu-negative-mrg4").css("width", width);
318 
     let ele_page = $("body").hasClass("product_pg");
 476 
     let ele_page = $("body").hasClass("product_pg");
321 
         $(".main-menu").find("nav ul li a").addClass("text-white");
 479 
         $(".main-menu").find("nav ul li a").addClass("text-white");
322 
         $(".header-bottom.sticky-bar").removeClass("sticky-bar");
 480 
         $(".header-bottom.sticky-bar").removeClass("sticky-bar");
323 
         let src = `../dist/assets/imgs/anwi-logo-2.png`;
 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 
         $(".main-body").find("iframe").attr("width", width);
 483 
         $(".main-body").find("iframe").attr("width", width);
326 
         if (width <= 575 && width >= 390) {
 484 
         if (width <= 575 && width >= 390) {
327 
             $(".main-body").find("iframe").attr({
 485 
             $(".main-body").find("iframe").attr({
338 
                 width: width,
 496 
                 width: width,
339 
                 height: 530,
 497 
                 height: 530,
340 
             });
 498 
             });
341 
-        } else if (width <= 2720 && width > 1920) {
499 
+        } else if (width <= 2720 && width > 2300) {
342 
             $(".main-body").find("iframe").attr({
 500 
             $(".main-body").find("iframe").attr({
343 
                 width: width,
 501 
                 width: width,
344 
                 height: 1440,
 502 
                 height: 1440,
345 
             });
 503 
             });
346 
-        } else {
504 
+        } else if(width <= 2300 && width > 1921){
347 
             $(".main-body").find("iframe").attr({
 505 
             $(".main-body").find("iframe").attr({
348 
                 width: width,
 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
557
389 
     //services pages links and sources
 558 
     //services pages links and sources
390
559
560 
+
561 
+
562 
+
563 
+
391 
     let $body_pg = $("body").hasClass("services_page");
 564 
     let $body_pg = $("body").hasClass("services_page");
392 
     let $hm_pg = "../index.html";
 565 
     let $hm_pg = "../index.html";
393 
     let $nav_img = "../dist/assets/imgs/anwi-logo-1.png";
 566 
     let $nav_img = "../dist/assets/imgs/anwi-logo-1.png";
395 
     let $scrool_top_img = "../dist/assets/imgs/Home/rocket-footer.png";
 568 
     let $scrool_top_img = "../dist/assets/imgs/Home/rocket-footer.png";
396 
     let $about_pg = $("body").hasClass("about_page");
 569 
     let $about_pg = $("body").hasClass("about_page");
397 
     if($about_pg == true){
 570 
     if($about_pg == true){
398 
-        debugger
399 
         $(".main-menu").find("nav ul li a").addClass("text-dark");
 571 
         $(".main-menu").find("nav ul li a").addClass("text-dark");
400 
         let img_src = `./dist/assets/imgs/anwi-logo-1.png`;
 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 
         $(".header-bottom").addClass("sticky-bar stick");
 574 
         $(".header-bottom").addClass("sticky-bar stick");
403 
         $("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
 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 
         $(".header-large-device").find(".logo-menu-wrap .logo").find("a").attr("href", $hm_pg);
 578 
         $(".header-large-device").find(".logo-menu-wrap .logo").find("a").attr("href", $hm_pg);
407 
         $(".header-large-device").find(".logo-menu-wrap .logo").find("a img").attr("src", $nav_img);
 579 
         $(".header-large-device").find(".logo-menu-wrap .logo").find("a img").attr("src", $nav_img);
408 
         $(".mobile-logo").find("a").attr("href", $hm_pg);
 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 
         $("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
 582 
         $("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
411 
         $(".main-menu").find("nav ul").find("li a").each(function () {
 583 
         $(".main-menu").find("nav ul").find("li a").each(function () {
412 
             $(this).addClass("text-dark")
 584 
             $(this).addClass("text-dark")
447
619
448 
     setTimeout(()=>{
 620 
     setTimeout(()=>{
449 
         if(width<=600){
 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 ファイルの表示

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 
             <div class="header-large-device">
 53 
             <div class="header-large-device">
4 
                 <div class="header-bottom sticky-bar">
 54 
                 <div class="header-bottom sticky-bar">
5 
                     <div class="container">
 55 
                     <div class="container">
6 
                         <div class="header-bottom-flex">
 56 
                         <div class="header-bottom-flex">
7 
                             <div class="logo-menu-wrap d-flex">
 57 
                             <div class="logo-menu-wrap d-flex">
8 
                                 <div class="logo">
 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 
                                     </a>
 61 
                                     </a>
12 
                                 </div>
 62 
                                 </div>
13 
                                 <div class="main-menu menu-lh-1 main-menu-padding-1">
 63 
                                 <div class="main-menu menu-lh-1 main-menu-padding-1">
14 
                                     <nav>
 64 
                                     <nav>
15 
                                         <ul class="mb-0 p-0">
 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 
                                                     </li>
 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 
                                                     </li>
 75 
                                                     </li>
38 
                                                 </ul>
 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 
                                                             </div>
 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 
                                                             </div>
 122 
                                                             </div>
60 
-                                                        </a>
61 
-                                                    </li>
123 
+                                                        </div>
124 
+                                                  </div>
125 
+                                                </li>
62 
                                                 </ul>
 126 
                                                 </ul>
63 
                                             </li>
 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 
                                                             </div>
 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 
                                                             </div>
 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 
                                                             </div>
 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 
                                                             </div>
 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 
                                         </ul>
 199 
                                         </ul>
92 
                                     </nav>
 200 
                                     </nav>
93 
                                 </div>
 201 
                                 </div>
94 
                             </div>
 202 
                             </div>
95 
                             <div class="header-action-wrap header-action-flex header-action-width header-action-mrg-1">
 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 
                                 <div class="same-style">
 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 
                                 </div>
 209 
                                 </div>
109 
                                 <div class="same-style header-cart">
 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 
                                 </div>
 216 
                                 </div>
112 
                             </div>
 217 
                             </div>
113 
                         </div>
 218 
                         </div>
114 
                     </div>
 219 
                     </div>
115 
                 </div>
 220 
                 </div>
116 
             </div>
 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 
                     <div class="row align-items-center">
 224 
                     <div class="row align-items-center">
120 
                         <div class="col-6 header-action-wrap">
 225 
                         <div class="col-6 header-action-wrap">
121 
                             <div class="d-flex">
 226 
                             <div class="d-flex">
127 
                                     </button>
 232 
                                     </button>
128 
                                 </div>
 233 
                                 </div>
129 
                                 <div class="mobile-logo mobile-logo-width ps-3">
 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 
                                     </a>
 237 
                                     </a>
133 
                                 </div>
 238 
                                 </div>
134 
                             </div>
 239 
                             </div>
136 
                         <div class="col-6">
 241 
                         <div class="col-6">
137 
                             <div class="header-action-wrap header-action-flex header-action-mrg-1">
 242 
                             <div class="header-action-wrap header-action-flex header-action-mrg-1">
138 
                                 <div class="same-style">
 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 
                                 </div>
 245 
                                 </div>
141 
                                 <div class="same-style header-cart">
 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 
                                 </div>
 250 
                                 </div>
144 
                             </div>
 251 
                             </div>
145 
                         </div>
 252 
                         </div>
147 
                 </div>
 254 
                 </div>
148 
             </div>
 255 
             </div>
149 
         </header>
 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 
         <!-- Mobile menu start -->
 257 
         <!-- Mobile menu start -->
193 
         <div class="mobile-menu-active clickalbe-sidebar-wrapper-style-1">
 258 
         <div class="mobile-menu-active clickalbe-sidebar-wrapper-style-1">
194 
             <div class="clickalbe-sidebar-wrap">
 259 
             <div class="clickalbe-sidebar-wrap">
195 
             <div class="row pb-2 border-bottom">
 260 
             <div class="row pb-2 border-bottom">
196 
                 <div class="col-6">
 261 
                 <div class="col-6">
197 
                     <div class="mobile-logo mobile-logo-width">
 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 
                         </a>
 265 
                         </a>
201 
                     </div>
 266 
                     </div>
202 
                 </div>
 267 
                 </div>
215 
                     <div class="clickable-mainmenu-wrap clickable-mainmenu-style1">
 280 
                     <div class="clickable-mainmenu-wrap clickable-mainmenu-style1">
216 
                         <nav>
 281 
                         <nav>
217 
                             <ul class="pl-0">
 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 
                                 </li>
 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 
                             </ul>
 309 
                             </ul>
320 
                         </nav>
 310 
                         </nav>
321 
                     </div>
 311 
                     </div>
342 
                 </div>
 332 
                 </div>
343 
             </div>
 333 
             </div>
344 
         </div>`;
 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 ファイルの表示

1 
-async function order_summary(){
1 
+async function order_summary() {
2
2
3 
   let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
 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 
     return order.OrderNo === orderNumber;
 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 
     let order = filteredOrders[i];
 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 
     $('.deliverd-card').append(deliverdCard)
 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 
   $('.Order_details_section  .order_tax').html(filteredOrders[0].taxamount)
 200 
   $('.Order_details_section  .order_tax').html(filteredOrders[0].taxamount)
37 
   $('.Order_details_section .Order_total').html(filteredOrders[0].nettotal)
 201 
   $('.Order_details_section .Order_total').html(filteredOrders[0].nettotal)
38 
   $('.Order_details_section  .order_price').html(filteredOrders[0].assessableamount)
 202 
   $('.Order_details_section  .order_price').html(filteredOrders[0].assessableamount)
39 
   $('.Order_details_section  .order-summary').html(summary);
 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 
 order_summary()
 271 
 order_summary()

+ 45
- 23
dist/Js/productdetails/productdetails.js ファイルの表示

4 
         window.location.href = "/notfound.html";
 4 
         window.location.href = "/notfound.html";
5 
         return;
 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 
     console.log(productId);
 9 
     console.log(productId);
9 
     let itemtagscombinationRes = null;
 10 
     let itemtagscombinationRes = null;
10 
     let labels = {};
11 
     let labels = {};
65 
     }
 66 
     }
66
67
67 
     function getSpecsItemHTML({name,des,itemid,id}){
 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 
             ${name}
 74 
             ${name}
72 
             </div>
 75 
             </div>
73 
-            <div class="col-sm-6  py-2">
76 
+            <div class="col-sm-9  py-2 d-flex align-items-center">
74 
             ${des}
77 
             ${des}
75 
             </div>
 78 
             </div>
76 
         </div>
 79 
         </div>
93 
         if(resData.isError){
 96 
         if(resData.isError){
94 
             $('.productdetailstabs').addClass('d-none');
 97 
             $('.productdetailstabs').addClass('d-none');
95 
             $('.specContainerleft').html('')
 98 
             $('.specContainerleft').html('')
96 
-        $('.specContainerRight').html('')
99 
+            $('.specContainerRight').html('')
97 
             return;
 100 
             return;
98 
         }
 101 
         }
99 
         $('.productdetailstabs ').removeClass('d-none');
 102 
         $('.productdetailstabs ').removeClass('d-none');
114
117
115 
         for(let i=0;i<data.length;i++){
 118 
         for(let i=0;i<data.length;i++){
116 
             const {specificationname,specificationitemid,itemid,description} = data[i];
 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 
     function getParentHTML(name,productid,id,isMain){
 141 
     function getParentHTML(name,productid,id,isMain){
136 
         return `<div class="pb-2 $${name?.replace(" ",'')}-parent">
 142 
         return `<div class="pb-2 $${name?.replace(" ",'')}-parent">
137 
         <h5 class="py-2 smallHeadingProductDetails">${name}</h5>
 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 
         </div>
 146 
         </div>
141 
     </div>`;
 147 
     </div>`;
151
157
152 
     function getChildHTML(tagid,name,isTrue){
 158 
     function getChildHTML(tagid,name,isTrue){
153 
         return `
 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 
             ${name}
 161 
             ${name}
156 
         </div>
 162 
         </div>
157 
     `
 163 
     `
172 
     }
 178 
     }
173
179
174 
     function updateDetailsByObj(obj){
 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 
         appendSpecs(obj.itemid)
 185 
         appendSpecs(obj.itemid)
178 
         $('#skudetailitem').val(obj.sku)
 186 
         $('#skudetailitem').val(obj.sku)
179 
         $('.des_productdes').html(obj.itemdescription);
 187 
         $('.des_productdes').html(obj.itemdescription);
186 
         $('.productDetailsMain  > img').attr('src',defaultImg);
 194 
         $('.productDetailsMain  > img').attr('src',defaultImg);
187
195
188 
         updateItemId(obj.itemid);
 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 
     function searchComb(){
 207 
     function searchComb(){
246
262
247 
                         let name = itemtagscombinationRes[i].itemname.split('-')[0];
 263 
                         let name = itemtagscombinationRes[i].itemname.split('-')[0];
248 
                         $('#addtocart').addClass('disabled');
 264 
                         $('#addtocart').addClass('disabled');
265 
+                        $('.buynow').attr('disabled', true);
249 
                         let itemsName = name;
 266 
                         let itemsName = name;
250 
                         $('.borderselector').each(function (i,e){
 267 
                         $('.borderselector').each(function (i,e){
251 
                             itemsName += ` ${$(e).html().trim()}`;
 268 
                             itemsName += ` ${$(e).html().trim()}`;
280 
             $('#skudetailitem').val(-1)
 297 
             $('#skudetailitem').val(-1)
281 
         $('.price').html('');
 298 
         $('.price').html('');
282 
         $('#addtocart').addClass('disabled');
 299 
         $('#addtocart').addClass('disabled');
300 
+        $('.buynow').attr('disabled', true);
283 
         $('.msgErrorDetailsItem').removeClass('d-none');
 301 
         $('.msgErrorDetailsItem').removeClass('d-none');
284
302
285 
         initAddToCart()
 303 
         initAddToCart()
333 
         // let res = await getStatAPIService(`${SERVERNAME}/apis/v4/bizgaze/integrations/products/productattributelist/productid/${id}`);
 351 
         // let res = await getStatAPIService(`${SERVERNAME}/apis/v4/bizgaze/integrations/products/productattributelist/productid/${id}`);
334
352
335 
         let resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/productattributelist/productid/${id}`,true);
 353 
         let resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/productattributelist/productid/${id}`,true);
336 
-
354 
+console.log(resData,'resDataresDataresDataresDataresData');
337 
         if(resData.isError){
 355 
         if(resData.isError){
338 
             loadingActions.removeLoader();
 356 
             loadingActions.removeLoader();
339 
             alert(resData.errorMsg.message);
 357 
             alert(resData.errorMsg.message);
399 
             $(`[data-tagid="${id}"]`).html(html);
 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 
         itemtagscombinationRes = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/itemtagscombination/productid/${id}`,true);
421 
         itemtagscombinationRes = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/itemtagscombination/productid/${id}`,true);
403
422
404 
         itemtagscombinationRes = JSON.parse(itemtagscombinationRes.response.result);
 423 
         itemtagscombinationRes = JSON.parse(itemtagscombinationRes.response.result);
471
490
472
491
473 
         if(isGo){
 492 
         if(isGo){
493 
+            if(itemtagscombinationRes.length === 0){
494 
+                loadingActions.removeLoader();
495 
+                toasterHelper("error","Something went wrong!",`toast-top-right`)
496 
+                return;
497 
+            }
474 
             console.log(itemtagscombinationRes[0]);
 498 
             console.log(itemtagscombinationRes[0]);
475 
             let {tagnames,tagids,pricelist} = itemtagscombinationRes[0];
 499 
             let {tagnames,tagids,pricelist} = itemtagscombinationRes[0];
476 
             tagids = tagids.split('|');
 500 
             tagids = tagids.split('|');
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 
         addeventlisteners();
 532 
         addeventlisteners();
509 
         loadingActions.removeLoader();
 533 
         loadingActions.removeLoader();
561
585
562 
 }
 586 
 }
563
587
564 
-
565 
-
566 
 startDetails();
 588 
 startDetails();
567
589

+ 160
- 31
dist/Js/products/products.js ファイルの表示

2 
     let RAM_ID =  '';
 2 
     let RAM_ID =  '';
3
3
4 
     async function init(){
 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 
     function getProductIdService(){
 62 
     function getProductIdService(){
20 
             res = JSON.parse(res.result);
 73 
             res = JSON.parse(res.result);
21
74
22 
             console.log(res);
 75 
             console.log(res);
76 
+
77 
+            let searchName = window.location.search.split('?')[1];
23 
             let urlPathName = window.location.pathname;
78 
             let urlPathName = window.location.pathname;
24 
             let searchTerm = '';
 79 
             let searchTerm = '';
25 
              if(urlPathName.includes('ram')){
 80 
              if(urlPathName.includes('ram')){
26 
                 searchTerm = "RAM ORA";
 81 
                 searchTerm = "RAM ORA";
27 
             }else if(urlPathName.includes('storage')){
 82 
             }else if(urlPathName.includes('storage')){
28 
                 searchTerm = `SSD ORA`;
 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 
         let html = '';
 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 
         $('.product_card_section').html(html);
 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 
         let img = itemimageurl ? imgServerNameBuild(itemimageurl) : './dist/assets/imgs/nophoto.png'
 170 
         let img = itemimageurl ? imgServerNameBuild(itemimageurl) : './dist/assets/imgs/nophoto.png'
79 
         let tags = itemname.split('-');
 171 
         let tags = itemname.split('-');
80 
         let ramTech = tags[tags.length-2];
 172 
         let ramTech = tags[tags.length-2];
81 
         let gb =  tags[tags.length-1];
 173 
         let gb =  tags[tags.length-1];
82 
         const [currencySymbol,amount] = getCurrencySymbol(pricelist);
 174 
         const [currencySymbol,amount] = getCurrencySymbol(pricelist);
83 
         let priceAmt = `${currencySymbol} ${amount}`;
 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 
         return `<div class="col-lg-4 col-md-6 mb-4 col-md-6 ram_card cursor-pointer">
 214 
         return `<div class="col-lg-4 col-md-6 mb-4 col-md-6 ram_card cursor-pointer">
86 
         <div class="card border bg-gray-3 rounded-3 p-1 h-100">
 215 
         <div class="card border bg-gray-3 rounded-3 p-1 h-100">

+ 9
- 9
dist/Js/shoppingcart/addtocart.js ファイルの表示

120
120
121 
             cartObj[$('#skudetailitem').val()]  = {
 121 
             cartObj[$('#skudetailitem').val()]  = {
122 
                 name:$('.productname').html(),
 122 
                 name:$('.productname').html(),
123 
-                price:$('.price').html(),
123 
+                price:$('.price').data('price'),
124 
                 quantity:$('#quantity').val(),
 124 
                 quantity:$('#quantity').val(),
125 
                 img:$('.productDetailsMain img').attr('src'),
 125 
                 img:$('.productDetailsMain img').attr('src'),
126 
                 sku:$('#skudetailitem').val(),
 126 
                 sku:$('#skudetailitem').val(),
137 
         }else{
 137 
         }else{
138 
             //if(!data[id]) data['length']++;
 138 
             //if(!data[id]) data['length']++;
139 
             let name = $('.productname').html();
 139 
             let name = $('.productname').html();
140 
-            let price = $('.price').html();
140 
+            let price = $('.price').data('price');
141 
             let quantity = $('#quantity').val();
 141 
             let quantity = $('#quantity').val();
142 
             let img = $('.productDetailsMain img').attr('src');
 142 
             let img = $('.productDetailsMain img').attr('src');
143 
             let sku = $('#skudetailitem').val();
 143 
             let sku = $('#skudetailitem').val();
180 
         $('#addtocart').html('Add to cart');
 180 
         $('#addtocart').html('Add to cart');
181 
         $('#addtocart').removeAttr('gotocart');
 181 
         $('#addtocart').removeAttr('gotocart');
182 
         $('#addtocart').off('click').click((e)=>{
 182 
         $('#addtocart').off('click').click((e)=>{
183 
-
183 
+     debugger
184 
             $('.insufficientqty').addClass('d-none');
 184 
             $('.insufficientqty').addClass('d-none');
185 
             const qty = parseInt($('#addtocart').data('qty'));
 185 
             const qty = parseInt($('#addtocart').data('qty'));
186
186
188 
                 $('.insufficientqty').removeClass('d-none');
 188 
                 $('.insufficientqty').removeClass('d-none');
189 
                 return;
 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 
             addToCartFun();
 196 
             addToCartFun();
197
197
198 
             toasterHelper('success',"Item added to cart","toast-top-right");
 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 
         // $('.quantityHTML #quantity').off('change').change(function (e){
 205 
         // $('.quantityHTML #quantity').off('change').change(function (e){

+ 1
- 0
dist/Js/shoppingcart/select_delivery.js ファイルの表示

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

+ 8
- 7
dist/Js/shoppingcart/shoppingcart.js ファイルの表示

211
211
212 
     <div class=" inputcartaddmore d-flex gap-2 ${value >= 5 ? '' : 'd-none'}">
 212 
     <div class=" inputcartaddmore d-flex gap-2 ${value >= 5 ? '' : 'd-none'}">
213 
         <input min="1" class="form-control" style="max-width:100px" value="${value <= 5 ? '5' : value}" type="number" />
 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 
     </div>
 215 
     </div>
216 
         <div class="text-danger pt-2 insufficientqty d-none">Insufficient quantity</div>
 216 
         <div class="text-danger pt-2 insufficientqty d-none">Insufficient quantity</div>
217 
         </div>`
 217 
         </div>`
218 
     }
 218 
     }
219
219
220 
     function shoppingCartDesktopHTML({ id, img, name, price, description, quantity, total, totalQty, productid, itemid }) {
 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 
       let tamt = 0;
 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 
         return `
 228 
         return `
228 
        <div class="d-none d-md-block">
 229 
        <div class="d-none d-md-block">
229
230
230 
        <div  class="row bg-white   border-bottom py-4 d-flex justify-content-center align-items-center">
 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 
        <div class="col-md-4 ">
 233 
        <div class="col-md-4 ">
233
234
234 
            <a class="text-decoration-none text-blue fw-600 cursor-pointer" href="productdetails.html?productId=${productid}#itemid=${itemid}">${name}</a>
 235 
            <a class="text-decoration-none text-blue fw-600 cursor-pointer" href="productdetails.html?productId=${productid}#itemid=${itemid}">${name}</a>
236 
            <span class="badge d-none text-bg-warning">8 Offers ></span>
237 
            <span class="badge d-none text-bg-warning">8 Offers ></span>
237 
        </div>
 238 
        </div>
238 
        <div class="col-md-2">
 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 
        </div>
 241 
        </div>
241 
        <div class="col-md-2 ">
 242 
        <div class="col-md-2 ">
242
243
256 
     <div class="row d-block d-md-none smallcart py-3">
 257 
     <div class="row d-block d-md-none smallcart py-3">
257 
     <div class="row bg-white py-5 m-0">
 258 
     <div class="row bg-white py-5 m-0">
258 
     <div class="col-4 text-center">
 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 
 </div>
 261 
 </div>
261 
 <div class="col-8 position-relative d-flex flex-column gap-1">
 262 
 <div class="col-8 position-relative d-flex flex-column gap-1">
262
263

+ 64
- 1
dist/Js/utils/helpers.js ファイルの表示

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 
 function containsSpecialCharsHelper(str) {
 115 
 function containsSpecialCharsHelper(str) {
82 
     const specialChars = /[`!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/;
 116 
     const specialChars = /[`!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/;
84 
 }
 118 
 }
85 
 const isUpperCaseHelper = (string) => /^(?=.*[A-Z])/.test(string);
 119 
 const isUpperCaseHelper = (string) => /^(?=.*[A-Z])/.test(string);
86 
 const isLowerCaseHelper = (string) => /^(?=.*[a-z])/.test(string);
 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 ファイルの表示

1 
-
2 
 /* Orbitron */
 1 
 /* Orbitron */
3
2
4 
 @font-face {
 3 
 @font-face {
77 
     scroll-behavior: smooth !important;
 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 
 body {
 83 
 body {
81 
     box-sizing: border-box;
 84 
     box-sizing: border-box;
82 
     overflow-x: hidden;
 85 
     overflow-x: hidden;
1445 
     transform: rotate(-90deg);
 1448 
     transform: rotate(-90deg);
1446 
     -webkit-text-fill-color: transparent;
 1449 
     -webkit-text-fill-color: transparent;
1447 
     -webkit-text-stroke: 1px rgb(200 199 199);
 1450 
     -webkit-text-stroke: 1px rgb(200 199 199);
1448 
-    left: -308px;
1451 
+    left: -290px;
1449 
     top: 54%;
 1452 
     top: 54%;
1450 
-    font-size: 47px;
1453 
+    font-size: 44px;
1451 
     font-family: "Orbitron", sans-serif !important;
 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 
 span.transform_text2 {
 1469 
 span.transform_text2 {
1454 
     position: absolute;
 1470 
     position: absolute;
1455 
     transform: rotate(-90deg);
 1471 
     transform: rotate(-90deg);
1465 
 }
 1481 
 }
1466 
 #ora_products{
 1482 
 #ora_products{
1467 
     /* background: #eef0f3; */
 1483 
     /* background: #eef0f3; */
1468 
-    background-image: url(../assets/imgs/productimg/banner_plan.png);
1484 
+    background: var(--main-gradient);
1469 
     background-repeat: no-repeat;
 1485 
     background-repeat: no-repeat;
1470 
     background-size: cover;
 1486 
     background-size: cover;
1471 
 }
 1487 
 }
1472 
 #laptop_memory_sec{
 1488 
 #laptop_memory_sec{
1473 
-    background: url(../assets/imgs/allin_imgs/laptop_bg.png);
1489 
+    background: var(--main-gradient);
1474 
     background-repeat: no-repeat;
 1490 
     background-repeat: no-repeat;
1475 
     background-size: cover;
 1491 
     background-size: cover;
1476 
 }
 1492 
 }
1480 
     background-size: cover; */
 1496 
     background-size: cover; */
1481 
 }
 1497 
 }
1482 
 #desktop_memory_sec{
 1498 
 #desktop_memory_sec{
1483 
-    background: url(../assets/imgs/allin_imgs/desktop_bg.png);
1499 
+    background: var(--main-gradient);
1484 
     background-repeat: no-repeat;
 1500 
     background-repeat: no-repeat;
1485 
     background-size: cover;
 1501 
     background-size: cover;
1486 
 }
 1502 
 }
1519 
   .bg-gradient-violet{
 1535 
   .bg-gradient-violet{
1520 
     /* background: linear-gradient(90deg, rgba(230,242,244,1) 6%, rgba(236,228,220,1) 100%);
 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 
     background-size: cover;
 1541 
     background-size: cover;
1524 
     background-repeat: no-repeat;
 1542 
     background-repeat: no-repeat;
1525 
 }
 1543 
 }
1961 
 }
 1979 
 }
1962 
 .tab-content img{
 1980 
 .tab-content img{
1963 
     width: 100%;
 1981 
     width: 100%;
1964 
-    min-width:120px;
1982 
+    min-width:70px;
1965 
 }
 1983 
 }
1966 
 .w-250{
 1984 
 .w-250{
1967 
     width: 250px;
 1985 
     width: 250px;

+ 2
- 1
dist/css/pages/productdetails.css ファイルの表示

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

+ 1
- 0
dist/css/pages/selectdelivery.css ファイルの表示

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

+ 252
- 32
dist/css/style.css ファイルの表示

2272 
   top: 0;
 2272 
   top: 0;
2273 
   width: 100%;
 2273 
   width: 100%;
2274 
   z-index: 99;
 2274 
   z-index: 99;
2275 
+
2275 
 }
 2276 
 }
2276
2277
2277 
 /*--
 2278 
 /*--
4063 
       -ms-flex-pack: end;
 4064 
       -ms-flex-pack: end;
4064 
           justify-content: flex-end;
 4065 
           justify-content: flex-end;
4065 
 }
 4066 
 }
4066 
-
4067 
+.main-menu > nav > ul{
4068 
+  display: flex;
4069 
+  list-style: none;
4070 
+}
4067 
 .main-menu > nav > ul > li {
 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 
 .main-menu > nav > ul > li:hover::after{
 4076 
 .main-menu > nav > ul > li:hover::after{
4072 
     content: '';
 4077 
     content: '';
4073 
     position: absolute;
 4078 
     position: absolute;
4074 
     bottom: -1px;
 4079 
     bottom: -1px;
4075 
     left: -10px;
 4080 
     left: -10px;
4076 
-    background: rgb(63, 76, 119,0.5);
4081 
+    /* background: rgb(63, 76, 119,0.5); */
4077 
     height: 1px;
 4082 
     height: 1px;
4078 
     width: 100%;
 4083 
     width: 100%;
4079 
     z-index: 200;
 4084 
     z-index: 200;
4124 
 .main-menu > nav > ul > li > ul {
 4129 
 .main-menu > nav > ul > li > ul {
4125 
   /* -webkit-box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
 4130 
   /* -webkit-box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
4126 
           box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09); */
 4131 
           box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09); */
4127 
-  background-color: #ffffff;
4132 
+  /* background-color: #ffffff; */
4128 
   position: absolute;
 4133 
   position: absolute;
4129 
-  top: 100%;
4134 
+  /* top: 100%; */
4130 
   left: 0;
 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 
   opacity: 0;
 4140 
   opacity: 0;
4137 
   visibility: hidden;
 4141 
   visibility: hidden;
4138 
   margin-top: 20px;
 4142 
   margin-top: 20px;
4139 
   z-index: 9999;
 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 
 @media only screen and (min-width: 1200px) and (max-width: 1365px) {
 4175 
 @media only screen and (min-width: 1200px) and (max-width: 1365px) {
4143 
   .main-menu > nav > ul > li > ul {
 4176 
   .main-menu > nav > ul > li > ul {
4499 
   letter-spacing: 1px;
 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 
 .main-menu.main-menu-white > nav > ul > li > a {
 4535 
 .main-menu.main-menu-white > nav > ul > li > a {
4509 
   color: #ffffff;
 4536 
   color: #ffffff;
4510 
 }
 4537 
 }
4522 
   line-height: 75px;
 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 
   padding: 0 16px 0 0;
 4553 
   padding: 0 16px 0 0;
4527 
-}
4554 
+} */
4528
4555
4529 
 @media only screen and (min-width: 1366px) and (max-width: 1600px) {
 4556 
 @media only screen and (min-width: 1366px) and (max-width: 1600px) {
4530 
   .main-menu.main-menu-padding-1 > nav > ul > li {
 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 
 @media only screen and (min-width: 1200px) and (max-width: 1365px) {
 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 
     padding: 0 20px 0 0;
 4564 
     padding: 0 20px 0 0;
4538 
-  }
4565 
+  } */
4539 
 }
 4566 
 }
4540
4567
4541 
 .main-menu.main-menu-padding-1 > nav > ul > li:last-child {
 4568 
 .main-menu.main-menu-padding-1 > nav > ul > li:last-child {
4847 
     -webkit-flex: 0 0 40%;
 4874 
     -webkit-flex: 0 0 40%;
4848 
         -ms-flex: 0 0 40%;
 4875 
         -ms-flex: 0 0 40%;
4849 
             flex: 0 0 40%;
 4876 
             flex: 0 0 40%;
4850 
-    max-width: 40%;
4877 
+    max-width: 20%;
4851 
   }
 4878 
   }
4852 
 }
 4879 
 }
4853
4880
31684 
 }
 31711 
 }
31685
31712
31686 
 .bg-gradient-anwi {
 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 
 .loginContainer .nav-pills .nav-link.active {
 31718 
 .loginContainer .nav-pills .nav-link.active {
31818 
   margin-top: 4px;
 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 
 .form-control.is-invalid, .was-validated .form-control:invalid{
 31870 
 .form-control.is-invalid, .was-validated .form-control:invalid{
31858 
     width: 94%;
 31898 
     width: 94%;
31859 
     z-index: 1;
 31899 
     z-index: 1;
31860 
     overflow-y: auto;
 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
ファイル差分が大きすぎるため省略します
ファイルの表示


+ 467
- 197
index.html ファイルの表示

33
33
34 
     <title>Anwi</title>
 34 
     <title>Anwi</title>
35 
     <style>
 35 
     <style>
36 
-        .slick-prev{
36 
+        .slick-prev {
37 
             position: absolute;
 37 
             position: absolute;
38 
             padding: 10px 15px;
 38 
             padding: 10px 15px;
39 
             z-index: 1;
 39 
             z-index: 1;
40 
             left: -25px;
 40 
             left: -25px;
41 
-            top: 70px;
41 
+            top: 45%;
42 
             border-radius: 50%;
 42 
             border-radius: 50%;
43 
             background: rgb(63, 76, 119);
 43 
             background: rgb(63, 76, 119);
44 
         }
 44 
         }
45 
-        .slick-next{
45 
+
46 
+        .slick-next {
46 
             position: absolute;
 47 
             position: absolute;
47 
             padding: 10px 15px;
 48 
             padding: 10px 15px;
48 
             right: -25px;
 49 
             right: -25px;
49 
-            top: 70px;
50 
+            top: 45%;
50 
             border-radius: 50%;
 51 
             border-radius: 50%;
51 
             background: rgb(63, 76, 119);
 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 
         /* .graphene_text::after{
 60 
         /* .graphene_text::after{
57 
             content: "";
 61 
             content: "";
58 
             display: block;
 62 
             display: block;
62 
             left: 0;
 66 
             left: 0;
63 
         } */
 67 
         } */
64
68
65 
-        .slick-track
66 
-        {
69 
+        .slick-track {
67 
             display: flex !important;
 70 
             display: flex !important;
68 
         }
 71 
         }
69
72
70 
-        .slick-slide
71 
-        {
73 
+        .slick-slide {
72 
             height: inherit !important;
 74 
             height: inherit !important;
73 
         }
 75 
         }
74 
     </style>
 76 
     </style>
90 
                                 class="active carousel_btn" aria-current="true" aria-label="Slide 1"></button>
 92 
                                 class="active carousel_btn" aria-current="true" aria-label="Slide 1"></button>
91 
                             <button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="1"
 93 
                             <button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="1"
92 
                                 aria-label="Slide 2" class="carousel_btn"></button>
 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 
                         </div>
 99 
                         </div>
94 
                         <div class="carousel-inner">
 100 
                         <div class="carousel-inner">
95 
                             <div class="carousel-item active" id="carousel_item1">
 101 
                             <div class="carousel-item active" id="carousel_item1">
96 
                                 <img src="./dist/assets/imgs/allin_imgs/oradesktop.png"
 102 
                                 <img src="./dist/assets/imgs/allin_imgs/oradesktop.png"
97 
                                     class="d-block mx-auto w-100 carousel_img" alt="...">
 103 
                                     class="d-block mx-auto w-100 carousel_img" alt="...">
98 
                             </div>
 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 
                             </div>
 116 
                             </div>
103 
                         </div>
 117 
                         </div>
104 
                     </div>
 118 
                     </div>
106 
             </section>
 120 
             </section>
107 
         </section>
 121 
         </section>
108 
         <!-- end-banner -->
 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 
         <!-- Graphene Technology Section -->
 387 
         <!-- Graphene Technology Section -->
110 
         <section class=" bg-black" id="graphene_section">
 388 
         <section class=" bg-black" id="graphene_section">
111 
             <div class="container py-md-5 py-4 position-relative">
 389 
             <div class="container py-md-5 py-4 position-relative">
112 
                 <div class="row align-items-center justify-content-center pb-md-5 pb-4">
 390 
                 <div class="row align-items-center justify-content-center pb-md-5 pb-4">
113 
                     <div class="col-md-4 col-3 text-end">
 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 
                     </div>
 393 
                     </div>
116 
                     <div class="col-md-8 col-9 text-white">
 394 
                     <div class="col-md-8 col-9 text-white">
117 
                         <h2 class="satoshi_font">Our Innovation in Memory and Storage</h2>
 395 
                         <h2 class="satoshi_font">Our Innovation in Memory and Storage</h2>
123 
                     <div class="col-12">
 401 
                     <div class="col-12">
124 
                         <div class="row align-items-center justify-content-md-center ">
 402 
                         <div class="row align-items-center justify-content-md-center ">
125 
                             <div class="col-lg-6 col-md-8 text-center px-lg-3 px-md-5">
 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 
                             </div>
 406 
                             </div>
128 
                             <div class="col-lg-6 text-white pe-lg-4">
 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 
                                     our innovative Graphene-Thermal Pad solution
 412 
                                     our innovative Graphene-Thermal Pad solution
132 
                                     designed to revolutionize performance, longevity,
 413 
                                     designed to revolutionize performance, longevity,
133 
                                     and environmental sustainability.<br>
 414 
                                     and environmental sustainability.<br>
134 
                                     ORA Series offers unparalleled benefits
 415 
                                     ORA Series offers unparalleled benefits
135 
                                     that set it apart from traditional storage options.</h6>
 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 
                                     </div>
 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 
                                 <!-- <div class="text-end pe-md-4">
 434 
                                 <!-- <div class="text-end pe-md-4">
152 
                                     <a class="btn btn-dark button_dark py-md-2" href="#">Know more...</a>
 435 
                                     <a class="btn btn-dark button_dark py-md-2" href="#">Know more...</a>
153 
                                 </div> -->
 436 
                                 </div> -->
164 
                                 <div class="row justify-content-center align-items-center">
 447 
                                 <div class="row justify-content-center align-items-center">
165 
                                     <div class="col-lg-6 col-12 text-center text-white">
 448 
                                     <div class="col-lg-6 col-12 text-center text-white">
166 
                                         <div class="bg-black d-flex fs-9 px-md-4 py-md-2 py-2 px-3 rounded-3">
 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 
                                         </div>
 454 
                                         </div>
170 
                                     </div>
 455 
                                     </div>
171 
                                     <div class="col-lg-6 col-12 pt-lg-0 pt-3 text-center">
 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 
                                                 </div>
 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 
                                             </div>
 466 
                                             </div>
467 
+                                        </div>
180 
                                     </div>
 468 
                                     </div>
181 
                                 </div>
 469 
                                 </div>
182 
                             </div>
 470 
                             </div>
197 
                     <h2 class="satoshi_font">Discover the Future of Storage</h2>
 485 
                     <h2 class="satoshi_font">Discover the Future of Storage</h2>
198 
                     <h6 class="satoshi_font">with M2 NVMe SSDs at Lightning Speeds</h6>
 486 
                     <h6 class="satoshi_font">with M2 NVMe SSDs at Lightning Speeds</h6>
199 
                 </div>
 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 
                     <div class="col-lg-4 col-md-4 pb-4 ps-4 ps-md-0 py-md-5 ps-lg-5">
 490 
                     <div class="col-lg-4 col-md-4 pb-4 ps-4 ps-md-0 py-md-5 ps-lg-5">
202 
                         <h3 class="fw-600 mb-md-3">ORA PCIe Storage</h3>
 491 
                         <h3 class="fw-600 mb-md-3">ORA PCIe Storage</h3>
203 
                         <h5 class="mb-1">NVMe M.2 SSDs</h5>
 492 
                         <h5 class="mb-1">NVMe M.2 SSDs</h5>
223 
             <div class="container py-md-5 py-5 position-relative">
 512 
             <div class="container py-md-5 py-5 position-relative">
224 
                 <div class="text-center text-white mb-md-5 mb-5">
 513 
                 <div class="text-center text-white mb-md-5 mb-5">
225 
                     <h2 class="satoshi_font">Portability Meets Power</h2>
 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 
                 </div>
 516 
                 </div>
228 
                 <div class="align-items-center flex-md-row mx-0 px-md-5 rounded-4 row" id="laptop_memory_sec">
 517 
                 <div class="align-items-center flex-md-row mx-0 px-md-5 rounded-4 row" id="laptop_memory_sec">
229 
                     <div class="col-lg-8 col-md-8">
 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 
                     </div>
 520 
                     </div>
232 
                     <div class="col-lg-4 col-md-4 pb-4 ps-4 ps-md-0 py-md-5 ps-lg-5">
 521 
                     <div class="col-lg-4 col-md-4 pb-4 ps-4 ps-md-0 py-md-5 ps-lg-5">
233 
                         <h3 class="fw-600 mb-md-0">ORA Series</h3>
 522 
                         <h3 class="fw-600 mb-md-0">ORA Series</h3>
252 
                     <h2 class="satoshi_font">Empowering the Performance</h2>
 541 
                     <h2 class="satoshi_font">Empowering the Performance</h2>
253 
                     <h6 class="satoshi_font">Maximize Efficiency with ORA Desktop Memory Series</h6>
 542 
                     <h6 class="satoshi_font">Maximize Efficiency with ORA Desktop Memory Series</h6>
254 
                 </div>
 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 
                     <div class="col-lg-6 col-md-4 pb-4 pb-md-0 ps-4 ps-md-0 ps-lg-5">
 546 
                     <div class="col-lg-6 col-md-4 pb-4 pb-md-0 ps-4 ps-md-0 ps-lg-5">
257 
                         <h3 class="fw-600 mb-md-0">ORA Series</h3>
 547 
                         <h3 class="fw-600 mb-md-0">ORA Series</h3>
258 
                         <h3 class="fw-600 mb-md-2">Desktop Memory</h3>
 548 
                         <h3 class="fw-600 mb-md-2">Desktop Memory</h3>
262 
                         </div>
 552 
                         </div>
263 
                     </div>
 553 
                     </div>
264 
                     <div class="col-lg-6 col-md-8 pt-lg-5">
 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 
                     </div>
 556 
                     </div>
267 
                 </div>
 557 
                 </div>
268 
                 <div class="d-md-block d-none">
 558 
                 <div class="d-md-block d-none">
276 
         <section>
 566 
         <section>
277 
             <div class="container mb-md-5 mb-5">
 567 
             <div class="container mb-md-5 mb-5">
278 
                 <h2 class="satoshi_font text-center py-md-5 py-4">Top Selling Products</h2>
 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 
                                     </div>
 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 
                                     </div>
 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 
                                     </div>
 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 
                                     </div>
 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 
                                     </div>
 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 
                                     </div>
 633 
                                     </div>
363 
                                 </div>
 634 
                                 </div>
364 
                             </div>
 635 
                             </div>
365 
                         </div>
 636 
                         </div>
366 
                     </div>
 637 
                     </div>
638 
+                </div>
367 
             </div>
 639 
             </div>
368 
             <div class="bg-gradient-anwi container my-5 my-md-5 rounded-3 text-white" id="innovation_sections">
 640 
             <div class="bg-gradient-anwi container my-5 my-md-5 rounded-3 text-white" id="innovation_sections">
369 
                 <div class="row align-items-center">
 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 
                 </div>
 653 
                 </div>
382 
             </div>
 654 
             </div>
383 
         </section>
 655 
         </section>
386 
     <!-- footer -->
 658 
     <!-- footer -->
387 
     <div id="footer-head" class=""></div>
 659 
     <div id="footer-head" class=""></div>
388 
     <!-- end-footer -->
 660 
     <!-- end-footer -->
389 
-
661 
+
390 
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
 662 
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
391 
     <script src="./dist/js/jquery.min.js"></script>
 663 
     <script src="./dist/js/jquery.min.js"></script>
664 
+    <script src="./dist/toaster/toastr.js"></script>
392 
     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
 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 
     <script src="./dist/js/fontawesome.all.js"></script>
 672 
     <script src="./dist/js/fontawesome.all.js"></script>
400 
     <script src="./dist/js/fontawesome.min.js"></script>
 673 
     <script src="./dist/js/fontawesome.min.js"></script>
401 
     <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
 674 
     <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
406 
     <script src="./dist/js/plugins/wow.js"></script>
 679 
     <script src="./dist/js/plugins/wow.js"></script>
407 
     <script src="./dist/js/plugins/svg-injector.min.js"></script>
 680 
     <script src="./dist/js/plugins/svg-injector.min.js"></script>
408 
     <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
 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 
     <script src="./dist/js/footer.js"></script>
 685 
     <script src="./dist/js/footer.js"></script>
417 
     <script src="./dist/js/auth/apiservice.js"></script>
 686 
     <script src="./dist/js/auth/apiservice.js"></script>
418 
     <script src="./dist/js/navbar.js"></script>
 687 
     <script src="./dist/js/navbar.js"></script>
421
690
422
691
423 
     <script>
 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 
         $(".slick-prev").addClass("btn text-white");
 731 
         $(".slick-prev").addClass("btn text-white");
462 
         $(".slick-next").addClass("btn text-white");
 732 
         $(".slick-next").addClass("btn text-white");
541 
             $(".Fyro_main_card").removeClass("col-lg-11").addClass("col-12")
 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 
                 let product_name = $(this).find(".selling_product").attr("data_name");
 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 
     </script>
 835 
     </script>

+ 21
- 7
login.html ファイルの表示

74
74
75 
     <!-- <div id="footer-head"></div> -->
 75 
     <!-- <div id="footer-head"></div> -->
76 
     <!-- end-footer -->
 76 
     <!-- end-footer -->
77 
-    <script src="../dist/js/fontawesome.all.js"></script>
77 
+    <script src="./libs/cookies.min.js"></script>
78 
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
 78 
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
79 
     <script src="./dist/js/jquery.min.js"></script>
 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 
     <script src="./dist/toaster/toastr.js"></script>
 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 
      <script src="./dist/js/utils/helpers.js"></script>
 99 
      <script src="./dist/js/utils/helpers.js"></script>
84 
     <script src="./dist/js/shoppingcart/addtocart.js"></script>
 100 
     <script src="./dist/js/shoppingcart/addtocart.js"></script>
85 
     <script src="./dist/js/auth/apiservice.js"></script>
 101 
     <script src="./dist/js/auth/apiservice.js"></script>
86 
-
87 
-
88 
-
102 
+    <script src="./dist/js/footer.js"></script>
89 
     <script src="./dist/js/auth/login.js"></script>
 103 
     <script src="./dist/js/auth/login.js"></script>
90 
     <script src="./dist/js/navbar.js"></script>
 104 
     <script src="./dist/js/navbar.js"></script>
91 
-    <script src="./dist/js/footer.js"></script>
105 
+
92 
     <!-- Main JS -->
 106 
     <!-- Main JS -->
93 
     <script src="./dist/js/main.js"></script>
 107 
     <script src="./dist/js/main.js"></script>
94
108

+ 53
- 3
myaccount.html ファイルの表示

58 
                                         <div class="myaccount-tab-menu nav" role="tablist">
 58 
                                         <div class="myaccount-tab-menu nav" role="tablist">
59 
                                             <a href="#dashboad" class="" data-bs-toggle="tab">Overview</a>
 59 
                                             <a href="#dashboad" class="" data-bs-toggle="tab">Overview</a>
60 
                                             <a href="#orders" data-bs-toggle="tab" class="active "> Orders</a>
 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 
                                             <a href="#warrenty" data-bs-toggle="tab" class="d-none">Warranty</a>
 62 
                                             <a href="#warrenty" data-bs-toggle="tab" class="d-none">Warranty</a>
62 
                                             <a href="#payment-method" data-bs-toggle="tab" class="d-none"> Payment
 63 
                                             <a href="#payment-method" data-bs-toggle="tab" class="d-none"> Payment
63 
                                                 Method</a>
 64 
                                                 Method</a>
76 
                                                     <div class="row bg-gray p-lg-4 align-items-end">
 77 
                                                     <div class="row bg-gray p-lg-4 align-items-end">
77 
                                                         <div class="col-md-7 col-12">
 78 
                                                         <div class="col-md-7 col-12">
78 
                                                             <div class="row align-items-center">
 79 
                                                             <div class="row align-items-center">
79 
-                                                                <div class="col-md-3">
80 
+                                                                <div class="col-md-3 text-center">
80 
                                                                     <img src="./dist/assets/imgs/account_warrenty/profile-icon.png"
 81 
                                                                     <img src="./dist/assets/imgs/account_warrenty/profile-icon.png"
81 
                                                                         class="w-md-65 w-50" />
 82 
                                                                         class="w-md-65 w-50" />
82 
                                                                 </div>
 83 
                                                                 </div>
229 
                                                     </p>
 230 
                                                     </p>
230 
                                                 </div>
 231 
                                                 </div>
231 
                                             </div>
 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 
                                             <!-- Single Tab Content End -->
 262 
                                             <!-- Single Tab Content End -->
233 
                                             <!-- Single Tab Content Start -->
 263 
                                             <!-- Single Tab Content Start -->
234 
                                             <div class="tab-pane fade" id="address-edit" role="tabpanel">
 264 
                                             <div class="tab-pane fade" id="address-edit" role="tabpanel">
619 
             </div>
 649 
             </div>
620 
         </section>
 650 
         </section>
621 
     </main>
 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 
     <!-- footer -->
 670 
     <!-- footer -->
623 
     <div id="footer-head"></div>
 671 
     <div id="footer-head"></div>
624 
     <!-- end-footer -->
 672 
     <!-- end-footer -->
625 
     <!-- <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script> -->
 673 
     <!-- <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script> -->
626 
     <script src="./dist/js/jquery.min.js"></script>
 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 
     <script src="./dist/js/components/authloader/authloader.js"></script>
 676 
     <script src="./dist/js/components/authloader/authloader.js"></script>
630 
     <script src="./dist/js/auth/apiservice.js"></script>
 677 
     <script src="./dist/js/auth/apiservice.js"></script>
631 
     <script src="./libs/cookies.min.js"></script>
 678 
     <script src="./libs/cookies.min.js"></script>
650 
     <script src="./dist/js/localstorage/loginauthlocal.js"></script>
 697 
     <script src="./dist/js/localstorage/loginauthlocal.js"></script>
651 
     <!-- <script src="./dist/js/utils/CookieHelper.js"></script> -->
 698 
     <!-- <script src="./dist/js/utils/CookieHelper.js"></script> -->
652 
     <script src="./libs/axios.min.js"></script>
 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 
     <script src="./dist/js/myaccount/orderdetails.js"></script>
 702 
     <script src="./dist/js/myaccount/orderdetails.js"></script>
703 
+    <script src="./dist/js/myaccount/support_tickets.js"></script>
654 
     <script src="./dist/js/myaccount/myaccount_warrenty.js"></script>
 704 
     <script src="./dist/js/myaccount/myaccount_warrenty.js"></script>
655 
     <script src="./dist/js/myaccount/Myaccount.js"></script>
 705 
     <script src="./dist/js/myaccount/Myaccount.js"></script>
656 
     <script src="./dist/js/myaccount/Profile.js"></script>
 706 
     <script src="./dist/js/myaccount/Profile.js"></script>

+ 121
- 3
orderdetails.html ファイルの表示

7 
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
 7 
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
8 
     <link rel="shortcut icon" type="image/x-icon" href="./dist/assets/imgs/favicon.gif">
 8 
     <link rel="shortcut icon" type="image/x-icon" href="./dist/assets/imgs/favicon.gif">
9 
     <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
 9 
     <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
10 
+
10 
     <link rel="stylesheet" href="./dist/css/main.css" />
 11 
     <link rel="stylesheet" href="./dist/css/main.css" />
11 
     <link rel="stylesheet" href="./style.css">
 12 
     <link rel="stylesheet" href="./style.css">
12 
     <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.carousel.min.css">
 13 
     <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.carousel.min.css">
14 
     <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
 15 
     <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
15 
     <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
 16 
     <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
16 
     <link rel="stylesheet" href="./dist/css/vendor/vandella.css">
 17 
     <link rel="stylesheet" href="./dist/css/vendor/vandella.css">
18 
+    <link rel="stylesheet" href="./libs/select2/select2.min.css" rel="stylesheet" />
17 
     <link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">
 19 
     <link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">
18 
     <link rel="stylesheet" href="./dist/css/vendor/fontello.css">
 20 
     <link rel="stylesheet" href="./dist/css/vendor/fontello.css">
19 
     <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">
 21 
     <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">
25 
     <link rel="stylesheet" href="./dist/css/style.css">
 27 
     <link rel="stylesheet" href="./dist/css/style.css">
26 
     <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">
 28 
     <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">
27 
     <link rel="stylesheet" href="./dist/css/fontawesome.min.css">
 29 
     <link rel="stylesheet" href="./dist/css/fontawesome.min.css">
28 
-
30 
+    <link rel="stylesheet" href="./dist/toaster/toastr.css" />
29 
     <title>Orders | Anwi</title>
 31 
     <title>Orders | Anwi</title>
30 
 </head>
 32 
 </head>
31
33
51 
                         <a href="#" class="fw-600 text-a-color">Need Help ?</a>
 53 
                         <a href="#" class="fw-600 text-a-color">Need Help ?</a>
52 
                     </div>
 54 
                     </div>
53 
                 </div>
 55 
                 </div>
54 
-                <div class="row">
56 
+                <div class="row bg-white p-3">
55 
                     <div class="col-md-8 deliverd-card">
 57 
                     <div class="col-md-8 deliverd-card">
56
58
57 
                     </div>
 59 
                     </div>
61
63
62 
                             </div>
 64 
                             </div>
63 
                             <div class="card rounded-0 border-top-0">
 65 
                             <div class="card rounded-0 border-top-0">
64 
-                                <div class="card-body" >
66 
+                                <div class="card-body " >
65 
                                     <div class="payement details">
 67 
                                     <div class="payement details">
66 
                                         <p class="fs-6 fw-600 mb-0 pb-1 border-bottom">Order Payment Details</p>
 68 
                                         <p class="fs-6 fw-600 mb-0 pb-1 border-bottom">Order Payment Details</p>
67 
                                         <div class="py-1">
 69 
                                         <div class="py-1">
171 
                     </div>
 173 
                     </div>
172 
                 </div>
 174 
                 </div>
173 
             </div>
 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 
         </section>
 290 
         </section>
176 
     </main>
 291 
     </main>
177 
     <!-- footer -->
 292 
     <!-- footer -->
178 
     <div id="footer-head" class=""></div>
 293 
     <div id="footer-head" class=""></div>
179 
     <!-- end-footer -->
 294 
     <!-- end-footer -->
295 
+
180 
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
 296 
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
181 
     <script src="./dist/js/jquery.min.js"></script>
 297 
     <script src="./dist/js/jquery.min.js"></script>
298 
+    <script src="./dist/toaster/toastr.js"></script>
182 
     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
 299 
     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
183 
     <script src="./dist/js/components/authloader/authloader.js"></script>
 300 
     <script src="./dist/js/components/authloader/authloader.js"></script>
184 
     <script src="./dist/js/auth/apiservice.js"></script>
 301 
     <script src="./dist/js/auth/apiservice.js"></script>
199 
     <script src="./dist/js/plugins/mouse-parallax.js"></script>
 316 
     <script src="./dist/js/plugins/mouse-parallax.js"></script>
200 
     <script src="./dist/js/plugins/images-loaded.js"></script>
 317 
     <script src="./dist/js/plugins/images-loaded.js"></script>
201 
     <script src="./dist/js/plugins/isotope.js"></script>
 318 
     <script src="./dist/js/plugins/isotope.js"></script>
319 
+    <script src="./libs/select2/select2.js"></script>
202 
     <script src="./dist/js/plugins/jquery-ui.js"></script>
 320 
     <script src="./dist/js/plugins/jquery-ui.js"></script>
203 
     <script src="./dist/js/plugins/magnific-popup.js"></script>
 321 
     <script src="./dist/js/plugins/magnific-popup.js"></script>
204 
     <script src="./dist/js/navbar.js"></script>
 322 
     <script src="./dist/js/navbar.js"></script>

+ 14
- 12
press.html ファイルの表示

306 
   <script src="./dist/js/jquery.min.js"></script>
 306 
   <script src="./dist/js/jquery.min.js"></script>
307 
   <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
 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 
   <script src="./dist/js/footer.js"></script>
 310 
   <script src="./dist/js/footer.js"></script>
311 
     <script src="./libs/cookies.min.js"></script>
 311 
     <script src="./libs/cookies.min.js"></script>
312 
   <script src="./dist/js/fontawesome.all.js"></script>
 312 
   <script src="./dist/js/fontawesome.all.js"></script>
324 
   <script src="./dist/js/plugins/isotope.js"></script>
 324 
   <script src="./dist/js/plugins/isotope.js"></script>
325 
   <script src="./dist/js/plugins/jquery-ui.js"></script>
 325 
   <script src="./dist/js/plugins/jquery-ui.js"></script>
326 
   <script src="./dist/js/plugins/magnific-popup.js"></script>
 326 
   <script src="./dist/js/plugins/magnific-popup.js"></script>
327 
-  <script src="./dist/js/navbar.js"></script>
327 
+
328 
   <!-- Main JS -->
 328 
   <!-- Main JS -->
329 
+  <script src="./dist/js/auth/apiservice.js"></script>
330 
+  <script src="./dist/js/navbar.js"></script>
329 
   <script src="./dist/js/main.js"></script>
 331 
   <script src="./dist/js/main.js"></script>
330
332
331 
   <script>
 333 
   <script>
362 
       ["andhraprabha_10-04-23_pg11.jpeg", "Andhra Prabha", "10 April 2023", "11"],
 364 
       ["andhraprabha_10-04-23_pg11.jpeg", "Andhra Prabha", "10 April 2023", "11"],
363 
       ["adaabhyderabad_10-04-23_pg10.jpeg", "Adaab Hyderabad", "10 April 2023", "10"],
 365 
       ["adaabhyderabad_10-04-23_pg10.jpeg", "Adaab Hyderabad", "10 April 2023", "10"],
364 
       ["andhrapathrika_10_04_23_pg05.jpg", "Andhra Pathrika", "10 April 2023", "05"],
 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 
     let split_arry = [];
 378 
     let split_arry = [];
377 
     for (let i = 0; i < list_imgs.length; i++) {
 379 
     for (let i = 0; i < list_imgs.length; i++) {

+ 1
- 1
productcatloguedetails.html ファイルの表示

194 
                         </div>
 194 
                         </div>
195 
                         <div class="d-none gap-2">
 195 
                         <div class="d-none gap-2">
196 
                             <button id="addtocart" class="w-100 btn bg-black text-white" style="border-radius: 5px">
 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 
                             </button>
 198 
                             </button>
199 
                             <button class="w-100 btn bg-black text-white" style="border-radius: 5px">
 199 
                             <button class="w-100 btn bg-black text-white" style="border-radius: 5px">
200 
                                 Buy Now
 200 
                                 Buy Now

+ 212
- 22
productdetails.html ファイルの表示

55 
                 </div>
 55 
                 </div>
56 
             </div>
 56 
             </div>
57 
         </section>
 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 
         <div class="loadingCall">
 166 
         <div class="loadingCall">
59 
             <div class="spinner-border" role="status">
 167 
             <div class="spinner-border" role="status">
60 
                 <span class="visually-hidden">Loading...</span>
 168 
                 <span class="visually-hidden">Loading...</span>
62 
         </div>
 170 
         </div>
63 
         <div class="container mainContanierProduct d-none">
 171 
         <div class="container mainContanierProduct d-none">
64 
             <div class="row">
 172 
             <div class="row">
65 
-                <div class="col-xl-7 ">
173 
+                <div class="col-xl-5 ">
66 
                     <div class=" bgproductDGen  border-0 ">
 174 
                     <div class=" bgproductDGen  border-0 ">
67 
                         <div class="row">
 175 
                         <div class="row">
68 
                             <div class="d-none">
 176 
                             <div class="d-none">
102 
                         </div>
 210 
                         </div>
103 
                     </div>
 211 
                     </div>
104 
                 </div>
 212 
                 </div>
105 
-                <div class="col-xl-5 p-5 pt-0 productDetailsShadow">
213 
+                <div class="col-xl-7 pt-0 productDetailsShadow">
106 
                     <div class="card border-0">
 214 
                     <div class="card border-0">
107 
                         <div>
 215 
                         <div>
108 
                             <div>
 216 
                             <div>
110 
                                 <h5 class="productname">ORA3, M.2 NVMe SSD </h5>
 218 
                                 <h5 class="productname">ORA3, M.2 NVMe SSD </h5>
111 
                             </div>
 219 
                             </div>
112 
                             <div class="small-font des_productdes"></div>
 220 
                             <div class="small-font des_productdes"></div>
113 
-                            <div>₹<span class="price"></span></div>
221 
+                            <div><span class="price"></span></div>
114 
                             <div class="text-danger msgErrorDetailsItem d-none">Product out of stock</div>
 222 
                             <div class="text-danger msgErrorDetailsItem d-none">Product out of stock</div>
115 
                         </div>
 223 
                         </div>
116
224
283 
                             </ul>
 391 
                             </ul>
284 
                         </div>
 392 
                         </div>
285 
                         <hr>
 393 
                         <hr>
286 
-                        <div class="pb-2 quantityHTML">
394 
+                        <div class="pb-2 quantityHTML" id="specification_data">
287 
                             <span>Quantity :</span>
 395 
                             <span>Quantity :</span>
288 
                             <select name="quantity" id="quantity">
 396 
                             <select name="quantity" id="quantity">
289 
                                 <option value="1">1</option>
 397 
                                 <option value="1">1</option>
384 
                                     </div>
 492 
                                     </div>
385
493
386 
                                 </div>
 494 
                                 </div>
387 
-                                <div class="specContainerRight">
495 
+                                <!-- <div class="specContainerRight">
388
496
389 
                                     <div class="">
 497 
                                     <div class="">
390 
                                         <div class="row  border-bottom">
 498 
                                         <div class="row  border-bottom">
417 
                                             </div>
 525 
                                             </div>
418 
                                         </div>
 526 
                                         </div>
419 
                                     </div>
 527 
                                     </div>
420 
-                                </div>
528 
+                                </div> -->
421 
                             </div>
 529 
                             </div>
422 
                         </div>
 530 
                         </div>
423
531
433 
     <!-- end-footer -->
 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 
     <script src="./dist/js/jquery.min.js"></script>
 545 
     <script src="./dist/js/jquery.min.js"></script>
546 
+    <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
439 
     <script src="./libs/axios.min.js"></script>
 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 
     <script src="./libs/cookies.min.js"></script>
 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 
     <script src="./dist/js/utils/helpers.js"></script>
 576 
     <script src="./dist/js/utils/helpers.js"></script>
460 
     <script src="./dist/js/auth/apiservice.js"></script>
 577 
     <script src="./dist/js/auth/apiservice.js"></script>
461 
     <script src="./dist/js/shoppingcart/addtocart.js"></script>
 578 
     <script src="./dist/js/shoppingcart/addtocart.js"></script>
462 
-    <script src="./dist/js/navbar.js"></script>
579 
+
463 
     <script src="./dist/js/shoppingcart/shoppingcart.js"></script>
 580 
     <script src="./dist/js/shoppingcart/shoppingcart.js"></script>
464 
     <script src="./dist/js/productdetails/productdetails.js"></script>
 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 
 </body>
 659 
 </body>
470
660

+ 91
- 47
ramproducts.html ファイルの表示

47 
 </head>
 47 
 </head>
48
48
49 
 <body class="product_pg">
 49 
 <body class="product_pg">
50 
+    <auth-loader></auth-loader>
50 
     <!-- navbar -->
 51 
     <!-- navbar -->
51 
     <div id="navbar-head" class="shadow"></div>
 52 
     <div id="navbar-head" class="shadow"></div>
52 
     <!-- end-navbar -->
 53 
     <!-- end-navbar -->
53 
     <!-- main-body -->
 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 
             <div class="container pt-5 ">
 57 
             <div class="container pt-5 ">
57 
                 <div class="text-center text-white ">
 58 
                 <div class="text-center text-white ">
58 
                 </div>
 59 
                 </div>
59 
             </div>
 60 
             </div>
60 
-        </section>
61 
-        <section class="position-relative bg-black">
61 
+        </section> -->
62 
+        <section class="position-relative bg-black section-one">
62 
             <!-- <img src="./dist/assets/imgs/allin_imgs/ssd_img.png" class="img-fluid w-100" alt="ssd_img"/> -->
 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 
             <!-- <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> -->
 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 
             <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>
 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 
             <p class="bg-blue mb-0 p-2 px-3 rounded-circle shadow" id="unmute"><i class="fa-sharp fa-volume-xmark"></i></p>
 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 
         </div> -->
 72 
         </div> -->
69 
         </section>
 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 
                         </div>
 110 
                         </div>
99 
                     </div>
 111 
                     </div>
112 
+                    <!--desktop--->
100 
                 </div>
 113 
                 </div>
101 
             </div>
 114 
             </div>
102 
-            <!--desktop--->
103 
-        </div>
104 
-    </div>
105 
-</section>
115 
+        </section>
106 
     </main>
 116 
     </main>
107 
     <div id="enquire"></div>
 117 
     <div id="enquire"></div>
108 
     <!-- footer -->
 118 
     <!-- footer -->
109 
     <div id="footer-head"></div>
 119 
     <div id="footer-head"></div>
120 
+
110 
     <!-- end-footer -->
 121 
     <!-- end-footer -->
122 
+    <script src="./dist/js/components/authloader/authloader.js"></script>
111 
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
 123 
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
112 
     <script src="./dist/js/jquery.min.js"></script>
 124 
     <script src="./dist/js/jquery.min.js"></script>
113 
     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
 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 
     <script src="./dist/toaster/toastr.js"></script>
 131 
     <script src="./dist/toaster/toastr.js"></script>
120 
     <script src="./dist/js/fontawesome.all.js"></script>
 132 
     <script src="./dist/js/fontawesome.all.js"></script>
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 
     <script src="./dist/js/navbar.js"></script>
 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 
     <script src="./dist/js/main.js"></script>
 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 
 </body>
 189 
 </body>
146
190
147 
 </html>
 191 
 </html>

+ 1
- 1
services/bulk-orders.html ファイルの表示

50 
         </section>
 50 
         </section>
51 
         <section>
 51 
         <section>
52 
             <div class="container py-md-5 py-3">
 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 
                     <div class="bg-white">
 54 
                     <div class="bg-white">
55 
                         <div>
 55 
                         <div>
56 
                             <p class="mb-0 py-2">&cir;&cir;&cir;</p>
 56 
                             <p class="mb-0 py-2">&cir;&cir;&cir;</p>

+ 1
- 1
services/online-help.html ファイルの表示

50 
         </section>
 50 
         </section>
51 
         <section>
 51 
         <section>
52 
             <div class="container py-md-5 py-3">
 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 
                     <div class="bg-white">
 54 
                     <div class="bg-white">
55 
                         <div>
 55 
                         <div>
56 
                             <p class="mb-0 py-2">&cir;&cir;&cir;</p>
 56 
                             <p class="mb-0 py-2">&cir;&cir;&cir;</p>

+ 3
- 3
services/paymentmethod.html ファイルの表示

36 
     <div id="navbar-head"></div>
 36 
     <div id="navbar-head"></div>
37 
     <!-- end-navbar -->
 37 
     <!-- end-navbar -->
38 
     <!-- main-body -->
 38 
     <!-- main-body -->
39 
-    <main class="main-body home-main-container pt-5">
39 
+    <main class="main-body home-main-container">
40 
         <section class="services bg-gradient-anwi h-100 pt-5">
 40 
         <section class="services bg-gradient-anwi h-100 pt-5">
41 
             <div class="container pt-md-5">
 41 
             <div class="container pt-md-5">
42 
                 <div class="row pt-md-5 pt-5 pb-md-5 pb-3">
 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 
                         <span class="satoshi_font pt-md-5 font-weight-600 pb-1">
 44 
                         <span class="satoshi_font pt-md-5 font-weight-600 pb-1">
45 
                             Payment Method
 45 
                             Payment Method
46 
                         </span>
 46 
                         </span>
50 
         </section>
 50 
         </section>
51 
         <section>
 51 
         <section>
52 
             <div class="container py-md-5 py-3">
 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 
                     <div class="bg-white">
 54 
                     <div class="bg-white">
55 
                         <div>
 55 
                         <div>
56 
                             <p class="mb-0 py-2">&cir;&cir;&cir;</p>
 56 
                             <p class="mb-0 py-2">&cir;&cir;&cir;</p>

+ 1
- 1
services/product-warrenty.html ファイルの表示

48 
         </section>
 48 
         </section>
49 
         <section>
 49 
         <section>
50 
             <div class="container py-md-5 py-3">
 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 
                     <div class="bg-white">
 52 
                     <div class="bg-white">
53 
                         <div>
 53 
                         <div>
54 
                             <p class="mb-0 py-2">&cir;&cir;&cir;</p>
 54 
                             <p class="mb-0 py-2">&cir;&cir;&cir;</p>

+ 1
- 1
services/return-policy.html ファイルの表示

49 
         </section>
 49 
         </section>
50 
         <section>
 50 
         <section>
51 
             <div class="container py-md-5 py-3">
 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 
                     <div class="bg-white">
 53 
                     <div class="bg-white">
54 
                         <div>
 54 
                         <div>
55 
                             <p class="mb-0 py-2">&cir;&cir;&cir;</p>
 55 
                             <p class="mb-0 py-2">&cir;&cir;&cir;</p>

+ 1
- 1
services/shipping-delivary.html ファイルの表示

50 
         </section>
 50 
         </section>
51 
         <section>
 51 
         <section>
52 
             <div class="container py-md-5 py-3">
 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 
                     <div class="bg-white">
 54 
                     <div class="bg-white">
55 
                         <div>
 55 
                         <div>
56 
                             <p class="mb-0 py-2">&cir;&cir;&cir;</p>
 56 
                             <p class="mb-0 py-2">&cir;&cir;&cir;</p>

+ 13
- 13
shopping-cart.html ファイルの表示

96
96
97 
                 </div>
 97 
                 </div>
98 
                 <div class="emptyShow row d-none">
 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 
                     </div>
 105 
                     </div>
104 
                 </div>
 106 
                 </div>
164 
                 <!-- <div class="bg-white rounded  d-block d-sm-none "> -->
 166 
                 <!-- <div class="bg-white rounded  d-block d-sm-none "> -->
165 
                     <div class="card mb-3 mt-5" style="max-width: 540px;">
 167 
                     <div class="card mb-3 mt-5" style="max-width: 540px;">
166 
                         <div class="mx-auto mobile-cart-img">
 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 
                         </div>
 170 
                         </div>
169 
                         <div class="d-flex align-items-center g-0">
 171 
                         <div class="d-flex align-items-center g-0">
170 
                             <div class="col-md-8">
 172 
                             <div class="col-md-8">
406 
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
 408 
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
407 
     <script src="./dist/js/jquery.min.js"></script>
 409 
     <script src="./dist/js/jquery.min.js"></script>
408 
     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
 410 
     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
409 
-    <script src="./dist/js/utils/helpers.js"></script>
410
411
411 
     <script src="./libs/axios.min.js"></script>
 412 
     <script src="./libs/axios.min.js"></script>
412 
-    <script src="./dist/js/footer.js"></script>
413 
+
413 
     <script src="./libs/cookies.min.js"></script>
 414 
     <script src="./libs/cookies.min.js"></script>
414
415
416 
+    <script src="./dist/toaster/toastr.js"></script>
415 
     <script src="./dist/js/fontawesome.all.js"></script>
 417 
     <script src="./dist/js/fontawesome.all.js"></script>
416 
     <script src="./dist/js/fontawesome.min.js"></script>
 418 
     <script src="./dist/js/fontawesome.min.js"></script>
417 
     <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
 419 
     <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
422 
     <script src="./dist/js/plugins/wow.js"></script>
 424 
     <script src="./dist/js/plugins/wow.js"></script>
423 
     <script src="./dist/js/plugins/svg-injector.min.js"></script>
 425 
     <script src="./dist/js/plugins/svg-injector.min.js"></script>
424 
     <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
 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 
     <!-- Main JS -->
 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 
     <script src="./dist/js/auth/apiservice.js"></script>
 432 
     <script src="./dist/js/auth/apiservice.js"></script>
434 
     <script src="./dist/js/shoppingcart/addtocart.js"></script>
433 
     <script src="./dist/js/shoppingcart/addtocart.js"></script>
435 
     <script src="./dist/js/shoppingcart/shoppingcart.js"></script>
434 
     <script src="./dist/js/shoppingcart/shoppingcart.js"></script>
436 
     <script src="./dist/js/navbar.js"></script>
435 
     <script src="./dist/js/navbar.js"></script>
436 
+    <script src="./dist/js/main.js"></script>
437 
     <script>
 437 
     <script>
438 
         $(window).scroll(function() {
 438 
         $(window).scroll(function() {
439 
             if (isScrolledIntoView('#footer-head'))
 439 
             if (isScrolledIntoView('#footer-head'))

+ 14
- 13
storageproducts.html ファイルの表示

48
48
49 
 <body class="product_pg">
 49 
 <body class="product_pg">
50 
     <!-- navbar -->
 50 
     <!-- navbar -->
51 
+    <auth-loader></auth-loader>
51 
     <div id="navbar-head" class="shadow"></div>
 52 
     <div id="navbar-head" class="shadow"></div>
52 
     <!-- end-navbar -->
 53 
     <!-- end-navbar -->
53 
     <!-- main-body -->
 54 
     <!-- main-body -->
54 
     <main class="main-body home-main-container pt-md-0 pt-5">
 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 
             <div class="container pt-5 ">
 57 
             <div class="container pt-5 ">
57 
                 <div class="text-center text-white ">
 58 
                 <div class="text-center text-white ">
58 
                 </div>
 59 
                 </div>
59 
             </div>
 60 
             </div>
60 
-        </section>
61 
-        <section class="position-relative bg-black">
61 
+        </section> -->
62 
+        <section class="position-relative bg-black section-one">
62 
             <!-- <img src="./dist/assets/imgs/allin_imgs/ssd_img.png" class="img-fluid w-100" alt="ssd_img"/> -->
 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/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 
             <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 
         <!-- <div class="position-fixed text-white volume_btn" style="right:35px;bottom:20px">
 65 
         <!-- <div class="position-fixed text-white volume_btn" style="right:35px;bottom:20px">
66 
             <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 
             <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 
         </div> -->
 68 
         </div> -->
68 
         </section>
 69 
         </section>
69 
-        <section class="pt-2" id="ora_products">
70 
+        <section class="pt-2 section-two" id="ora_products">
70 
             <div class="products-container">
 71 
             <div class="products-container">
71 
                 <div class="product-cards">
 72 
                 <div class="product-cards">
72
73
88 
                                     <!-- first tab-pane -->
 89 
                                     <!-- first tab-pane -->
89 
                                    <div class="row product_card_section">
 90 
                                    <div class="row product_card_section">
90 
                                     <!--desktop--->
 91 
                                     <!--desktop--->
91 
-                                    <div class="col-sm-4 p-3">
92 
+                                    <!-- <div class="col-sm-4 p-3">
92 
                                         <div class="product_card_1 shadow ram_card">
 93 
                                         <div class="product_card_1 shadow ram_card">
93 
                                             <div class="card-item-header">
 94 
                                             <div class="card-item-header">
94 
                                                 <div class="card-header-sub-1"><a class=" py-md-1" href="">
 95 
                                                 <div class="card-header-sub-1"><a class=" py-md-1" href="">
104 
                                                 </div>
 105 
                                                 </div>
105 
                                             </div>
 106 
                                             </div>
106 
                                         </div>
 107 
                                         </div>
107 
-                                    </div>
108 
+                                    </div> -->
108 
                                 </div>
 109 
                                 </div>
109 
                                  </div>
 110 
                                  </div>
110 
                                 </div>
 111 
                                 </div>
119 
     <!-- footer -->
 120 
     <!-- footer -->
120 
     <div id="footer-head"></div>
 121 
     <div id="footer-head"></div>
121 
     <!-- end-footer -->
 122 
     <!-- end-footer -->
123 
+    <script src="./dist/js/components/authloader/authloader.js"></script>
122 
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
 124 
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
123 
     <script src="./dist/js/jquery.min.js"></script>
 125 
     <script src="./dist/js/jquery.min.js"></script>
124 
     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
 126 
     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
126 
    <script src="./libs/axios.min.js"></script>
 128 
    <script src="./libs/axios.min.js"></script>
127
129
128 
       <script src="./libs/cookies.min.js"></script>
 130 
       <script src="./libs/cookies.min.js"></script>
131 
+      <script src="./dist/js/utils/helpers.js"></script>
129
132
130 
     <script src="./dist/toaster/toastr.js"></script>
 133 
     <script src="./dist/toaster/toastr.js"></script>
131 
     <script src="./dist/js/fontawesome.all.js"></script>
 134 
     <script src="./dist/js/fontawesome.all.js"></script>
141
144
142
145
143 
 <!-- Main JS -->
 146 
 <!-- Main JS -->
144 
-<script src="./dist/js/utils/helpers.js"></script>
147 
+
145 
     <script src="./dist/js/navbar.js"></script>
 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 
     <script src="./dist/js/main.js"></script>
 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 
 </body>
 154 
 </body>
154
155
155 
 </html>
 156 
 </html>

+ 2
- 2
style.css ファイルの表示

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

+ 58
- 18
support.html ファイルの表示

34 
 </head>
 34 
 </head>
35
35
36 
 <body>
 36 
 <body>
37 
+    <auth-loader></auth-loader>
37 
     <!-- navbar -->
 38 
     <!-- navbar -->
38 
     <div id="navbar-head"></div>
 39 
     <div id="navbar-head"></div>
39 
     <!-- end-navbar -->
 40 
     <!-- end-navbar -->
45 
                 </div>
 46 
                 </div>
46 
             </div>
 47 
             </div>
47 
         </section>
 48 
         </section>
48 
-
49 
-        <section class="bg-gradient-violet">
49 
+
50 
+        <section class="bg-gradient-violet supportcontainer d-none">
50 
             <div id="home-help">
 51 
             <div id="home-help">
51 
                 <div class="home-help--wrapper">
 52 
                 <div class="home-help--wrapper">
52 
-                    <div class="home-help--wrapper_content">
53 
+                    <div class="home-help--wrapper_content pt-4">
53 
                         <!-- <div class="home-help--wrapper_content-title"> How can I help you? </div> -->
 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 
                         <h4 class="satoshi_font fs-6 pb-md-5 pb-2">Send us email for any queries.</h4>
 57 
                         <h4 class="satoshi_font fs-6 pb-md-5 pb-2">Send us email for any queries.</h4>
56 
                         <div class="home-help--wrapper_content-items">
 58 
                         <div class="home-help--wrapper_content-items">
57 
                             <a href="https://anwisystems.com/w" alt="" class="grow-1 text-dark">
 59 
                             <a href="https://anwisystems.com/w" alt="" class="grow-1 text-dark">
58 
                                 <div class="grow-width">
 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 
                                     <div class="content">
 68 
                                     <div class="content">
61 
                                         <p class="item_title">Warranty</p>
 69 
                                         <p class="item_title">Warranty</p>
62 
                                         <p class="item_dec">Enable Warranty / Check Warranty.</p>
 70 
                                         <p class="item_dec">Enable Warranty / Check Warranty.</p>
64 
                                 </div>
 72 
                                 </div>
65 
                             </a>
 73 
                             </a>
66 
                             <a href="#" alt="" class="grow-1 text-dark">
 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 
                                     <div class="content">
 82 
                                     <div class="content">
69 
                                         <p class="item_title">Laptop Service</p>
 83 
                                         <p class="item_title">Laptop Service</p>
70 
                                         <p class="item_dec">Get your Installation and Repair started from here.</p>
 84 
                                         <p class="item_dec">Get your Installation and Repair started from here.</p>
73 
                             </a>
 87 
                             </a>
74 
                             <a href="#" alt="" class="grow-1 text-dark">
 88 
                             <a href="#" alt="" class="grow-1 text-dark">
75 
                                 <div class="grow-width">
 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 
                                     <div class="content">
 97 
                                     <div class="content">
78 
                                         <p class="item_title">All in One Service</p>
 98 
                                         <p class="item_title">All in One Service</p>
79 
                                         <p class="item_dec">Get your repair started here.</p>
 99 
                                         <p class="item_dec">Get your repair started here.</p>
80 
                                     </div>
 100 
                                     </div>
81 
                                 </div>
 101 
                                 </div>
82 
                             </a>
 102 
                             </a>
83 
-                            <a href="#" alt=""class="grow-1 text-dark">
103 
+                            <a href="#" alt="" class="grow-1 text-dark">
84 
                                 <div class="grow-width">
 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 
                                     <div class="content">
 112 
                                     <div class="content">
87 
                                         <p class="item_title">Accessories</p>
 113 
                                         <p class="item_title">Accessories</p>
88 
                                         <p class="item_dec">Get repair service in Anwi Service Center.</p>
 114 
                                         <p class="item_dec">Get repair service in Anwi Service Center.</p>
91 
                             </a>
 117 
                             </a>
92 
                             <a href="#" alt="" target="_blank" class="grow-1 text-dark d-none">
 118 
                             <a href="#" alt="" target="_blank" class="grow-1 text-dark d-none">
93 
                                 <div class="grow-width">
 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 
                                     <div class="content">
 122 
                                     <div class="content">
96 
                                         <p class="item_title">Replace Products</p>
 123 
                                         <p class="item_title">Replace Products</p>
97 
                                         <p class="item_dec">Check if your device is eligible for replacement</p>
 124 
                                         <p class="item_dec">Check if your device is eligible for replacement</p>
100 
                             </a>
 127 
                             </a>
101 
                             <a href="#" alt="" target="_blank" class="grow-1 text-dark d-none">
 128 
                             <a href="#" alt="" target="_blank" class="grow-1 text-dark d-none">
102 
                                 <div class="grow-width">
 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 
                                     <div class="content">
 132 
                                     <div class="content">
105 
                                         <p class="item_title">User Manual</p>
 133 
                                         <p class="item_title">User Manual</p>
106 
                                         <p class="item_dec">Explore your OnePlus device with easy user manuals</p>
 134 
                                         <p class="item_dec">Explore your OnePlus device with easy user manuals</p>
109 
                             </a>
 137 
                             </a>
110 
                             <a href="#" alt="" target="_blank" class="grow-1 text-dark d-none">
 138 
                             <a href="#" alt="" target="_blank" class="grow-1 text-dark d-none">
111 
                                 <div class="grow-width">
 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 
                                     <div class="content">
 142 
                                     <div class="content">
114 
                                         <p class="item_title">Repair Pricing</p>
 143 
                                         <p class="item_title">Repair Pricing</p>
115 
                                         <p class="item_dec">Find repair pricing for your device</p>
 144 
                                         <p class="item_dec">Find repair pricing for your device</p>
116 
                                     </div>
 145 
                                     </div>
117 
                                 </div>
 146 
                                 </div>
118 
                             </a>
 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 
                                 <div class="grow-width">
 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 
                                     <div class="content">
 152 
                                     <div class="content">
123 
                                         <p class="item_title">Software Update</p>
 153 
                                         <p class="item_title">Software Update</p>
124 
                                         <p class="item_dec">Get the latest OxygenOS updates for your device.</p>
 154 
                                         <p class="item_dec">Get the latest OxygenOS updates for your device.</p>
134 
     <!-- footer -->
 164 
     <!-- footer -->
135 
     <div id="footer-head"></div>
 165 
     <div id="footer-head"></div>
136 
     <!-- end-footer -->
 166 
     <!-- end-footer -->
137 
-
167 
+    <script src="./dist/js/components/authloader/authloader.js"></script>
138 
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
 168 
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
139 
     <script src="./dist/js/jquery.min.js"></script>
 169 
     <script src="./dist/js/jquery.min.js"></script>
140 
     <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
 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 
     <script src="./dist/js/footer.js"></script>
 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 
     <script src="./dist/js/fontawesome.all.js"></script>
 175 
     <script src="./dist/js/fontawesome.all.js"></script>
146 
     <script src="./dist/js/fontawesome.min.js"></script>
 176 
     <script src="./dist/js/fontawesome.min.js"></script>
147 
     <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
 177 
     <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
158 
     <script src="./dist/js/plugins/jquery-ui.js"></script>
 188 
     <script src="./dist/js/plugins/jquery-ui.js"></script>
159 
     <script src="./dist/js/plugins/magnific-popup.js"></script>
 189 
     <script src="./dist/js/plugins/magnific-popup.js"></script>
160 
     <!-- Main JS -->
 190 
     <!-- Main JS -->
191 
+    <script src="./dist/js/auth/apiservice.js"></script>
192 
+    <script src="./dist/js/navbar.js"></script>
161 
     <script src="./dist/js/main.js"></script>
 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 
 </body>
 203 
 </body>
164
204
165 
 </html>
 205 
 </html>

書き込み プレビュー
読み込み中…
キャンセル
保存