sachin.ganesh
/
anwi_website
Bevaka 1
Stjärnmärk 0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Aktiviteter
Bläddra i källkod

add changes

sachinganesh 2 år sedan
förälder
60ea1797f1
incheckning
3c8f09f209
56 ändrade filer med 8654 tillägg och 0 borttagningar
Delad Vy Visa Diff Statistik
  1. 10
    0
      .htaccess
  2. 133
    0
      accessories.html
  3. 284
    0
      allinones.html
  4. 383
    0
      dist/Js/auth/login_11.js
  5. 780
    0
      dist/Js/auth/login_ing.js
  6. 110
    0
      dist/Js/components/accordion/accordion.js
  7. 79
    0
      dist/Js/myaccount/support_tickets.js
  8. 453
    0
      dist/Js/navbar_okay.js
  9. 943
    0
      dist/Js/productdetails/laptopd.js
  10. 606
    0
      dist/Js/productdetails/laptopdetails.js
  11. 650
    0
      dist/Js/productdetails/laptopdetails.js-old
  12. 188
    0
      dist/Js/products/accessories.js
  13. 316
    0
      dist/Js/products/allinoneproduct.js
  14. 419
    0
      dist/Js/products/laptopproduct.js
  15. 29
    0
      dist/Js/support/supportticket.js
  16. Binär
      dist/assets/imgs/Home_new/fyro_logo.png
  17. Binär
      dist/assets/imgs/fyro_laptop_images/14 inches.png
  18. Binär
      dist/assets/imgs/fyro_laptop_images/15 inches.png
  19. Binär
      dist/assets/imgs/fyro_laptop_images/17 inches.png
  20. 17
    0
      dist/assets/imgs/icons/Asset 4.svg
  21. 23
    0
      dist/assets/imgs/icons/Asset 5.svg
  22. 13
    0
      dist/assets/imgs/icons/Asset 8.svg
  23. 20
    0
      dist/assets/imgs/icons/Asset 9.svg
  24. 22
    0
      dist/assets/imgs/icons/Group 4475.svg
  25. 20
    0
      dist/assets/imgs/icons/Group 4479.svg
  26. 32
    0
      dist/assets/imgs/icons/Group 4492.svg
  27. Binär
      dist/assets/imgs/laptop-icon.png
  28. Binär
      dist/assets/imgs/laptop_aio/Fyro/14 inches 1 and 2/Asset 1@.png
  29. Binär
      dist/assets/imgs/laptop_aio/Fyro/14 inches 1 and 2/Asset 1@2x.png
  30. Binär
      dist/assets/imgs/laptop_aio/Fyro/All-in-one 34 inches/Asset 4@2x-bg-white.png
  31. Binär
      dist/assets/imgs/laptop_aio/Fyro/All-in-one 34 inches/Asset 4@2x.png
  32. Binär
      dist/assets/imgs/laptop_aio/Fyro/All-in-one 34 inches/Asset 5@2x.png
  33. Binär
      dist/assets/imgs/laptop_aio/Fyro/All-in-one 34 inches/Asset 6@2x.png
  34. Binär
      dist/assets/imgs/laptop_aio/Fyro/All-in-one 34 inches/Asset 7@2x.png
  35. Binär
      dist/assets/imgs/laptop_aio/Zeno/14.1-1/14 inch.png
  36. Binär
      dist/assets/imgs/laptop_aio/Zeno/14.1-2/image_2.png
  37. Binär
      dist/assets/imgs/laptop_aio/Zeno/14.1-2/imageopy.png
  38. Binär
      dist/assets/imgs/laptop_aio/Zeno/15.6 inches/15 inch.png
  39. Binär
      dist/assets/imgs/laptop_aio/Zeno/16 inches/4_3.png
  40. Binär
      dist/assets/imgs/laptop_aio/Zeno/16 inches/5_3.png
  41. Binär
      dist/assets/imgs/laptop_aio/Zeno/all-in-one 21.5 inch/1 (3).png
  42. Binär
      dist/assets/imgs/laptop_aio/Zeno/all-in-one 21.5 inch/2 (2).png
  43. Binär
      dist/assets/imgs/laptop_aio/Zeno/all-in-one 21.5 inch/3 (3).png
  44. Binär
      dist/assets/imgs/laptop_aio/Zeno/all-in-one 21.5 inch/4 (2).png
  45. Binär
      dist/assets/imgs/laptop_aio/Zeno/all-in-one 23.8 inch/1.png
  46. Binär
      dist/assets/imgs/laptop_aio/Zeno/all-in-one 23.8 inch/2.png
  47. Binär
      dist/assets/imgs/laptop_aio/Zeno/all-in-one 23.8 inch/3.png
  48. Binär
      dist/assets/imgs/laptop_aio/Zeno/all-in-one 23.8 inch/4.png
  49. Binär
      dist/assets/imgs/laptop_aio/Zeno/all-in-one 23.8 inch/5.png
  50. 32
    0
      dist/assets/imgs/processor.svg
  51. 824
    0
      index_16_05_2023.html
  52. 572
    0
      index_oldd.html
  53. 681
    0
      laptopdetails.html
  54. 272
    0
      laptops.html
  55. 620
    0
      login_fav.html
  56. 123
    0
      supportticket.html

+ 10
- 0
.htaccess Visa fil 

@@ -0,0 +1,10 @@
1 
+RewriteEngine On
2 
+RewriteCond %{HTTPS} off [OR]
3 
+RewriteCond %{HTTP_HOST} ^www\. [NC]
4 
+RewriteCond %{HTTP_HOST} ^(?:www\.)?(.+)$ [NC]
5 
+RewriteRule ^ https://%1%{REQUEST_URI} [L,NE,R=301]
6 
+
7 
+
8 
+#index.html redirect
9 
+RewriteRule ^index\.html$ https://anwisystems.com/ [R=301,L]
10 
+

+ 133
- 0
accessories.html Visa fil 

@@ -0,0 +1,133 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+
4 
+<head>
5 
+    <meta charset="UTF-8" />
6 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
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">
9 
+    <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
10 
+    <link rel="stylesheet" href="./dist/css/main.css" />
11 
+    <link rel="stylesheet" href="./styles/style.css">
12 
+    <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.carousel.min.css">
13 
+    <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.theme.default.min.css">
14 
+    <link rel="stylesheet" href="./style.css">
15 
+    <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
16 
+    <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
17 
+    <link rel="stylesheet" href="./dist/css/vendor/vandella.css">
18 
+    <link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">
19 
+    <!-- <link rel="stylesheet" href="./dist/css/vendor/icofont.min.css"> -->
20 
+    <link rel="stylesheet" href="./dist/css/vendor/fontello.css">
21 
+    <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">
22 
+    <link rel="stylesheet" href="./dist/css/plugins/slick.css">
23 
+    <link rel="stylesheet" href="./dist/css/plugins/nice-select.css">
24 
+    <link rel="stylesheet" href="./dist/css/plugins/animate.css">
25 
+    <link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css">
26 
+    <link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css">
27 
+    <link rel="stylesheet" href="./dist/css/style.css">
28 
+    <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">
29 
+    <link rel="stylesheet" href="./dist/css/fontawesome.min.css">
30 
+    <title>Laptops | Anwi</title>
31 
+
32 
+</head>
33 
+
34 
+<body class="product_pg">
35 
+    <!-- navbar -->
36 
+    <div id="navbar-head" class="shadow"></div>
37 
+    <!-- end-navbar -->
38 
+    <!-- main-body -->
39 
+    <main class="main-body home-main-container pt-md-0 pt-5">
40 
+        <section class="services d-none h-100 pt-3  bg-gradient-anwi">
41 
+            <div class="container pt-5 ">
42 
+                <div class="text-center text-white ">
43 
+                </div>
44 
+            </div>
45 
+        </section>
46 
+
47 
+        <section class="pt-2 ramsContainer " id="ora_products">
48 
+            <div class="products-container container pb-5" id="pills-tabContent">
49 
+                <div class="text-center pb-md-5 pt-5">
50 
+                    <h1 class="satoshi_font pb-md-4 pb-3 d-none">Discover the revolution of <span class="productitemnamefull"></span></h1>
51 
+                    <!-- <p class="fs-6 satoshi_font fw-500 pb-md-4">
52 
+                        ORA Memory Series, harnessing cutting-edge<br>
53 
+                        Graphene technology for blazing-fast heat absorption in NVMe SSDs.<br>
54 
+                        Boasting an ultra-slim 1mm Heatsink, we defy temperature limits and redefine storage
55 
+                        performance.
56 
+                    </p> -->
57 
+                </div>
58 
+                <div class="text-center py-md-5 py-4">
59 
+                    <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
60 
+                        Systems</span>
61 
+                </div>
62 
+                <div class="row product_card_section">
63 
+                    <!--desktop--->
64 
+                    <div class="col-sm-4 p-3 d-none">
65 
+                        <div class="product_card_3 shadow ram_card">
66 
+                            <div class="card-item-header">
67 
+                                <div class="card-header-sub-3"><a class=" py-md-1" href="">
68 
+                                        <img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png"
69 
+                                            class="w-100 h-100"></a>
70 
+                                </div>
71 
+                            </div>
72 
+                            <div class="card-item-body">
73 
+                                <h3 cclass="mb-2"> <a href="#" class=""> ORA 8GB DDR4 3200MHz Desktop RAM </a></h3>
74 
+                                <hr>
75 
+                                <h6>8GB DDR4</h6>
76 
+                                <h6>3200 Mhz</h6>
77 
+                                <div class="py-2 card_product_footer">
78 
+                                    <a href="#" class="w-100 satoshi_font ram_btn"
79 
+                                        data_name="ORA 8GB DDR4 3200MHz Desktop RAM " data_version="DDR4"
80 
+                                        data_device="Desktop" data_gb="8GB" data_price="2900">Details </a>
81 
+                                </div>
82 
+                            </div>
83 
+                        </div>
84 
+                    </div>
85 
+                    <!--desktop--->
86 
+                </div>
87 
+            </div>
88 
+        </section>
89 
+    </main>
90 
+    <div id="enquire"></div>
91 
+    <!-- footer -->
92 
+    <div id="footer-head"></div>
93 
+    <!-- end-footer -->
94 
+    <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
95 
+    <script src="./dist/js/jquery.min.js"></script>
96 
+    <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
97 
+
98 
+    <script src="./libs/axios.min.js"></script>
99 
+
100 
+    <script src="./libs/cookies.min.js"></script>
101 
+
102 
+    <script src="./dist/toaster/toastr.js"></script>
103 
+    <script src="./dist/js/fontawesome.all.js"></script>
104 
+    <script src="./dist/js/fontawesome.min.js"></script>
105 
+    <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
106 
+    <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
107 
+    <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
108 
+    <script src="./dist/js/vendor/bootstrap.min.js"></script>
109 
+    <script src="./dist/js/plugins/slick.js"></script>
110 
+    <script src="./dist/js/plugins/wow.js"></script>
111 
+    <script src="./dist/js/plugins/svg-injector.min.js"></script>
112 
+    <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
113 
+
114 
+
115 
+
116 
+    <!-- Main JS -->
117 
+    <script src="/dist/js/auth/apiservice.js"></script>
118 
+    <script src="./dist/js/utils/helpers.js"></script>
119 
+    <script src="./dist/js/navbar.js"></script>
120 
+    <script src="./dist/js/footer.js"></script>
121 
+
122 
+    <script src="./dist/js/main.js"></script>
123 
+
124 
+
125 
+
126 
+    <script src="./dist/js/products/accessories.js"></script>
127 
+
128 
+
129 
+
130 
+
131 
+</body>
132 
+
133 
+</html>

+ 284
- 0
allinones.html Visa fil 

@@ -0,0 +1,284 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+
4 
+<head>
5 
+    <meta charset="UTF-8" />
6 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
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">
9 
+    <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
10 
+    <link rel="stylesheet" href="./dist/css/main.css" />
11 
+    <link rel="stylesheet" href="./styles/style.css">
12 
+    <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.carousel.min.css">
13 
+    <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.theme.default.min.css">
14 
+    <link rel="stylesheet" href="./style.css">
15 
+    <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
16 
+    <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
17 
+    <link rel="stylesheet" href="./dist/css/vendor/vandella.css">
18 
+    <link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">
19 
+    <!-- <link rel="stylesheet" href="./dist/css/vendor/icofont.min.css"> -->
20 
+    <link rel="stylesheet" href="./dist/css/vendor/fontello.css">
21 
+    <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">
22 
+    <link rel="stylesheet" href="./dist/css/plugins/slick.css">
23 
+    <link rel="stylesheet" href="./dist/css/plugins/nice-select.css">
24 
+    <link rel="stylesheet" href="./dist/css/plugins/animate.css">
25 
+    <link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css">
26 
+    <link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css">
27 
+    <link rel="stylesheet" href="./dist/css/style.css">
28 
+    <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">
29 
+    <link rel="stylesheet" href="./dist/css/fontawesome.min.css">
30 
+    <title>Laptops | Anwi</title>
31 
+
32 
+</head>
33 
+
34 
+<body class="product_pg">
35 
+    <!-- navbar -->
36 
+    <div id="navbar-head" class="shadow"></div>
37 
+    <!-- end-navbar -->
38 
+    <!-- main-body -->
39 
+    <main class="main-body home-main-container pt-md-0 pt-5">
40 
+        <section class="services d-none h-100 pt-3  bg-gradient-anwi">
41 
+            <div class="container pt-5 ">
42 
+                <div class="text-center text-white ">
43 
+                </div>
44 
+            </div>
45 
+        </section>
46 
+        <section class="position-relative bg-black">
47 
+            <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>
48 
+        </section>
49 
+        <section class="bg-black py-5 fyro_id d-none">
50 
+            <div class="container pb-md-4 text-white">
51 
+                <div class="text-center">
52 
+                    <h1 class="text-fyro">Unleashing the Beasts of Creativity &
53 
+                        Innovation with Graphics, AI, and ML</h1>
54 
+                    <p class="font-1-5 text-white">FYRO products are the ultimate machines for graphics, AI, and ML
55 
+                        enthusiasts. With powerful Intel<sup>®</sup> processors and advanced NVIDIA graphics
56 
+                        cards, <strong>FYRO laptops and all-in-ones deliver the raw power and
57 
+                            performance</strong> needed to handle the most demanding workloads. Whether
58 
+                        you're a gamer, video editor, or AI researcher, FYRO has the tools you need
59 
+                        to unleash your creativity and push the boundaries of what's possible.</p>
60 
+                    <div>
61 
+                        <img src="./dist/assets/imgs/Home_new/Fyro_img.png" class="img-fluid w-50" alt="">
62 
+                    </div>
63 
+                </div>
64 
+                <p class="font-1-5 text-center mb-5 mt-4">With sleek designs and customizable features, FYRO products
65 
+                    are the
66 
+                    perfect blend of style and substance, offering unparalleled performance
67 
+                    and portability in a compact package. Join the FYRO revolution and
68 
+                    experience the power of next-gen computing today.</p>
69 
+                <div class="bg-blur border rounded-4 p-4 ">
70 
+                    <div class="row p-md-3 ">
71 
+                        <div class="col-6">
72 
+                            <div class="row align-items-center h-100 pb-md-0 pb-3">
73 
+                                <div class="col-md-2 col-6">
74 
+                                    <img src="./dist/assets/imgs/icons/Group 4475.svg" class="img-fluid">
75 
+                                </div>
76 
+                                <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4 pt-md-0 pt-3">Unmatched GPU Performance</p>
77 
+                            </div>
78 
+                        </div>
79 
+                        <div class="col-6 ">
80 
+                            <div class="row align-items-center h-100 pb-md-0 pb-3">
81 
+                                <div class="col-md-2 col-6">
82 
+                                    <img src="./dist/assets/imgs/icons/Group 4479.svg" class="img-fluid">
83 
+                                </div>
84 
+                                <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4">High-end Gaming Capabilities</p>
85 
+                            </div>
86 
+                        </div>
87 
+                    </div>
88 
+                    <div class="row p-md-3">
89 
+                        <div class="col-6">
90 
+                            <div class="row align-items-center h-100">
91 
+                                <div class="col-md-2 col-6">
92 
+                                    <img src="./dist/assets/imgs/icons/Asset 5.svg" class="img-fluid">
93 
+                                </div>
94 
+                                <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4 pt-md-0 pt-3">Thermal Tested to handle
95 
+                                    high Temp upto 105<sup>o</sup></p>
96 
+                            </div>
97 
+                        </div>
98 
+                        <div class="col-6">
99 
+                            <div class="row align-items-center h-100">
100 
+                                <div class="col-md-2 col-6">
101 
+                                    <img src="./dist/assets/imgs/icons/Asset 4.svg" class="img-fluid">
102 
+                                </div>
103 
+                                <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4">Decent
104 
+                                    Battery backup</p>
105 
+                            </div>
106 
+                        </div>
107 
+                    </div>
108 
+                </div>
109 
+            </div>
110 
+
111 
+        </section>
112 
+        <section class="bg-black py-5 zeno_id d-none">
113 
+            <div class="container text-center text-white">
114 
+                <h1 class="text-blue-1 m-auto">The compact powerhouse for your productivity</h1>
115 
+                <p class="font-1-5 my-4">Zeno products are a range of <strong>sleek, powerful, and compact non-GPU
116 
+                        laptops and all-in-ones</strong> that offer exceptional performance and style.
117 
+                    Built with state-of-the-art components, including the latest generation of
118 
+                    Intel<sup>®</sup> processors, <strong>High-speed RAM, and Fast NVMe PCIe 4.0 SSDs.</strong></p>
119 
+                <div class="text-center">
120 
+                    <img src="./dist/assets/imgs/allin_imgs/Asset 1.png img-fluid " alt="">
121 
+                </div>
122 
+                <p class="font-1-2 mt-4 mb-5">
123 
+                    Zeno products are designed to meet the needs of professionals, students, and
124 
+                    anyone who requires a reliable and portable computing solution. With their advanced
125 
+                    features, including customizable hotkeys, fingerprint recognition, and a variety of
126 
+                    connectivity options, Zeno products offer the perfect blend of style and substance for
127 
+                    those who want a high-performing computing experience in a compact package.
128 
+                </p>
129 
+                <div class="bg-blur border rounded-4 p-4 text-white">
130 
+                    <div class="row p-md-3 text-center">
131 
+                        <div class="col-4 border-end">
132 
+                            <div>
133 
+                                <img src="./dist/assets/imgs/icons/Asset 9.svg" class="h-100p p-3">
134 
+                            </div>
135 
+                            <p class="p-2 mb-0 font-1-5">Sleek & Light weight</p>
136 
+                        </div>
137 
+                        <div class="col-4 border-end">
138 
+                            <div>
139 
+                                <img src="./dist/assets/imgs/icons/Group 4492.svg" class="h-100p p-3">
140 
+                            </div>
141 
+                            <p class="p-2 mb-0 font-1-5">Lightening-fast Intel<sup>®</sup> Processors
142 
+                            </p>
143 
+                        </div>
144 
+                        <div class="col-4">
145 
+                            <div>
146 
+                                <img src="./dist/assets/imgs/icons/Asset 8.svg" class="h-100p p-3">
147 
+                            </div>
148 
+                            <p class="p-2 mb-0 font-1-5">Stunning Display</p>
149 
+                        </div>
150 
+                    </div>
151 
+                </div>
152 
+            </div>
153 
+        </section>
154 
+        <section class="pt-2 ramsContainer " id="ora_products">
155 
+            <div class="products-container container pb-5" id="pills-tabContent">
156 
+                <div class="text-center pb-md-5 pt-5">
157 
+                    <h1 class="satoshi_font pb-md-4 pb-3">Discover the revolution of <span class="productitemnamefull"></span></h1>
158 
+                    <!-- <p class="fs-6 satoshi_font fw-500 pb-md-4">
159 
+                        ORA Memory Series, harnessing cutting-edge<br>
160 
+                        Graphene technology for blazing-fast heat absorption in NVMe SSDs.<br>
161 
+                        Boasting an ultra-slim 1mm Heatsink, we defy temperature limits and redefine storage
162 
+                        performance.
163 
+                    </p> -->
164 
+                </div>
165 
+                <div class="text-center py-md-5 py-4">
166 
+                    <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
167 
+                        Systems</span>
168 
+                </div>
169 
+                <div class="row product_card_section">
170 
+                    <!--desktop--->
171 
+                    <div class="col-sm-4 p-3 d-none">
172 
+                        <div class="product_card_3 shadow ram_card">
173 
+                            <div class="card-item-header">
174 
+                                <div class="card-header-sub-3"><a class=" py-md-1" href="">
175 
+                                        <img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png"
176 
+                                            class="w-100 h-100"></a>
177 
+                                </div>
178 
+                            </div>
179 
+                            <div class="card-item-body">
180 
+                                <h3 cclass="mb-2"> <a href="#" class=""> ORA 8GB DDR4 3200MHz Desktop RAM </a></h3>
181 
+                                <hr>
182 
+                                <h6>8GB DDR4</h6>
183 
+                                <h6>3200 Mhz</h6>
184 
+                                <div class="py-2 card_product_footer">
185 
+                                    <a href="#" class="w-100 satoshi_font ram_btn"
186 
+                                        data_name="ORA 8GB DDR4 3200MHz Desktop RAM " data_version="DDR4"
187 
+                                        data_device="Desktop" data_gb="8GB" data_price="2900">Details </a>
188 
+                                </div>
189 
+                            </div>
190 
+                        </div>
191 
+                    </div>
192 
+                    <!--desktop--->
193 
+                </div>
194 
+            </div>
195 
+        </section>
196 
+    </main>
197 
+    <div id="enquire"></div>
198 
+    <!-- footer -->
199 
+    <div id="footer-head"></div>
200 
+    <!-- end-footer -->
201 
+    <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
202 
+    <script src="./dist/js/jquery.min.js"></script>
203 
+    <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
204 
+
205 
+    <script src="./libs/axios.min.js"></script>
206 
+
207 
+    <script src="./libs/cookies.min.js"></script>
208 
+
209 
+    <script src="./dist/toaster/toastr.js"></script>
210 
+    <script src="./dist/js/fontawesome.all.js"></script>
211 
+    <script src="./dist/js/fontawesome.min.js"></script>
212 
+    <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
213 
+    <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
214 
+    <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
215 
+    <script src="./dist/js/vendor/bootstrap.min.js"></script>
216 
+    <script src="./dist/js/plugins/slick.js"></script>
217 
+    <script src="./dist/js/plugins/wow.js"></script>
218 
+    <script src="./dist/js/plugins/svg-injector.min.js"></script>
219 
+    <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
220 
+
221 
+
222 
+
223 
+    <!-- Main JS -->
224 
+    <script src="./dist/js/utils/helpers.js"></script>
225 
+    <script src="./dist/js/navbar.js"></script>
226 
+    <script src="./dist/js/footer.js"></script>
227 
+
228 
+    <script src="./dist/js/main.js"></script>
229 
+
230 
+
231 
+    <script src="./dist/js/auth/apiservice.js"></script>
232 
+    <script src="./dist/js/products/allinoneproduct.js"></script>
233 
+
234 
+    <script>
235 
+        let searchTerm = window.location.search.split('?')[1]?.toLowerCase();
236 
+        if (searchTerm) {
237 
+
238 
+            if (searchTerm.includes('zeno')) {
239 
+                $('.fyro_id').addClass('d-none');
240 
+                $('.zeno_id').removeClass('d-none');
241 
+                $('.productitemnamefull').html('Zeno');
242 
+            } else {
243 
+                $('.zeno_id').addClass('d-none');
244 
+                $('.fyro_id').removeClass('d-none');
245 
+                $('.productitemnamefull').html('Fyro');
246 
+            }
247 
+        } else {
248 
+            $('.productitemnamefull').parent().addClass('d-none');
249 
+        }
250 
+        let ram_page = window.location.pathname;
251 
+        let loc_2= ram_page.includes('allinones.html');
252 
+        if(loc_2 === true){
253 
+            let imgs = `./dist/assets/imgs/anwi-logo-1.png`;
254 
+            $(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
255 
+            $(".logo-menu-wrap").find(".logo img").attr("src",imgs);
256 
+            $('.same-style').find('svg path').attr('fill','#fff');
257 
+            $('svg path').attr('fill','#fff');
258 
+        }
259 
+
260 
+
261 
+        if(window.location.href.includes("?AIO%20Fyro")){
262 
+            let imgs = `./dist/assets/imgs/anwi-logo-2.png`;
263 
+            $(".logo-menu-wrap").find(".logo img").attr("src",imgs);
264 
+            $(".main-menu").find("nav ul li a").removeClass("text-dark").addClass("text-white");
265 
+            $("iframe").addClass("d-none");
266 
+            $(".fyro_id").find(".container").addClass("pt-5");
267 
+            $(".processor_name").addClass("d-none");
268 
+        }
269 
+        else if(window.location.href.includes("?AIO%20Zeno")){
270 
+            $(".zeno_id").find(".container").addClass("pt-5");
271 
+            $("iframe").addClass("d-none");
272 
+            let imgs = `./dist/assets/imgs/anwi-logo-2.png`;
273 
+            $(".main-menu").find("nav ul li a").removeClass("text-dark").addClass("text-white");
274 
+            $(".logo-menu-wrap").find(".logo img").attr("src",imgs);
275 
+            $('.same-style').find('svg path').attr('fill','#fff');
276 
+            $('svg path').attr('fill','#fff');
277 
+        }
278 
+
279 
+    </script>
280 
+
281 
+
282 
+</body>
283 
+
284 
+</html>

+ 383
- 0
dist/Js/auth/login_11.js Visa fil 

@@ -0,0 +1,383 @@
1 
+function initLogin() {
2 
+  let reg_name, reg_email, reg_number, reg_pwd, reg_otp_email;
3 
+  let loginForm = $("#login_form");
4 
+  let registerForm = $("#register_form");
5 
+
6 
+  // document.querySelector('#register_form .otp-input-group input.press').addEventListener("paste", function (p) {
7 
+  //   var data = p.clipboardData.getData('text');
8 
+  //   var dataLength = data.length;
9 
+
10 
+  //   for (var i = 0; i < dataLength; i++) {
11 
+  //     var input = document.querySelector("#register_form .otp-input-group input[tabindex='" + (i + 1) + "']");
12 
+  //     input.value = data.charAt(i);
13 
+  //     if (input.value.length >= input.maxLength) {
14 
+  //       var nextInput = document.querySelector("#register_form .otp-input-group input[tabindex='" + (i + 2) + "']");
15 
+  //       if (nextInput) {
16 
+  //         nextInput.focus();
17 
+  //       }
18 
+  //     }
19 
+  //   }
20 
+  //   p.preventDefault();
21 
+  // });
22 
+  // document.querySelectorAll('#register_form .otp-input-group input[type="text"]').forEach(function (input) {
23 
+  //   input.addEventListener('keyup', function (e) {
24 
+  //     if (this.value.length >= this.maxLength) {
25 
+  //       if (e.keyCode !== 9 && e.keyCode !== 16) {
26 
+  //         var tabIndex = this.tabIndex + 1;
27 
+  //         document.querySelector("#register_form .otp-input-group input[tabindex='" + this.tabIndex + "']").value = this.value;
28 
+  //         document.querySelector("#register_form .otp-input-group input[tabindex='" + tabIndex + "']").focus();
29 
+  //       }
30 
+  //     } else {
31 
+  //       if (e.keyCode === 8) {
32 
+  //         var tabIndex = this.tabIndex - 1;
33 
+  //         document.querySelector("#register_form .otp-input-group input[tabindex='" + tabIndex + "']").focus();
34 
+  //       }
35 
+  //     }
36 
+  //   });
37 
+  // });
38 
+
39 
+  $('#register_form .otp-input-group input.press').on('paste', function (p) {
40 
+    var data = p.originalEvent.clipboardData.getData('text');
41 
+    var dataLength = data.length;
42 
+
43 
+    for (var i = 0; i < dataLength; i++) {
44 
+      var input = $('#register_form .otp-input-group input[tabindex="' + (i + 1) + '"]');
45 
+      input.val(data.charAt(i));
46 
+      if (input.val().length >= input.attr('maxlength')) {
47 
+        var nextInput = $('#register_form .otp-input-group input[tabindex="' + (i + 2) + '"]');
48 
+        if (nextInput) {
49 
+          nextInput.focus();
50 
+        }
51 
+      }
52 
+    }
53 
+    p.preventDefault();
54 
+  });
55 
+
56 
+  $('#register_form .otp-input-group input[type="text"]').on('keyup', function (e) {
57 
+    if ($(this).val().length >= $(this).attr('maxlength')) {
58 
+      if (e.keyCode !== 9 && e.keyCode !== 16) {
59 
+        var tabIndex = parseInt($(this).attr('tabindex')) + 1;
60 
+        $('#register_form .otp-input-group input[tabindex="' + $(this).attr('tabindex') + '"]').val($(this).val());
61 
+        $('#register_form .otp-input-group input[tabindex="' + tabIndex + '"]').focus();
62 
+      }
63 
+    } else {
64 
+      if (e.keyCode === 8) {
65 
+        var tabIndex = parseInt($(this).attr('tabindex')) - 1;
66 
+        $('#register_form .otp-input-group input[tabindex="' + tabIndex + '"]').focus();
67 
+      }
68 
+    }
69 
+  });
70 
+
71 
+
72 
+  loginForm.find("#User_Email,#User_password").keypress(function (e) {
73 
+    if (e.which == 13)
74 
+      document.getElementById("Login_btn").click();
75 
+
76 
+  });
77 
+
78 
+  $("#Login_btn").click(function () {
79 
+    loginForm.find(".loader-btn").show();
80 
+    $(this).hide();
81 
+    let userEmail = loginForm.find("#User_Email").val();
82 
+    let userPassword = loginForm.find("#User_password").val();
83 
+    let emailInput = loginForm.find(".email-login-inputgroup");
84 
+    let passwordInput = loginForm.find(".password-login-inputgroup");
85 
+    if (userEmail == "") {
86 
+      emailInput.find('#User_Email').addClass('is-invalid');
87 
+      emailInput.find('.form-floating').addClass('is-invalid');
88 
+      emailInput.find('.invalid-feedback').text('Please enter your email');
89 
+      loginForm.find(".loader-btn").hide();
90 
+      $(this).show();
91 
+
92 
+    }
93 
+    if (userPassword == "") {
94 
+      passwordInput.find('#User_password').addClass('is-invalid');
95 
+      passwordInput.find('.form-floating').addClass('is-invalid');
96 
+      loginForm.find(".loader-btn").hide();
97 
+      $(this).show();
98 
+    }
99 
+    else {
100 
+      emailInput.find('#User_Email').removeClass('is-invalid');
101 
+      emailInput.find('.form-floating').removeClass('is-invalid');
102 
+      passwordInput.find('#User_password').removeClass('is-invalid');
103 
+      passwordInput.find('.form-floating').removeClass('is-invalid');
104 
+      if (validateEmail(userEmail)) {
105 
+        let port = SERVERNAME
106 
+        // let port = "http://localhost:3088";
107 
+        let url = `${port}/account/getuserbyphoneormail/${userEmail}/${userEmail}`;
108 
+        getDataStatAxios(url, userEmail);
109 
+      } else {
110 
+        loginForm.find(".loader-btn").hide();
111 
+        $(this).show();
112 
+        emailInput.find('#User_Email').addClass('is-invalid');
113 
+        emailInput.find('.form-floating').addClass('is-invalid');
114 
+        emailInput.find('.invalid-feedback').text('Please enter a valid email');
115 
+      }
116 
+    }
117 
+  });
118 
+
119 
+  async function getDataStatAxios(url, userEmail) {
120 
+    const config = {
121 
+      url,
122 
+      method: "get",
123 
+    };
124 
+    let response = await axios(config);
125 
+    if (response.data.result == null) {
126 
+      $('.error-div').text(response.data.message);
127 
+    }
128 
+    else {
129 
+      let userEmail = $("#User_Email").val();
130 
+      let userPassword = $("#User_password").val();
131 
+      const loginPayload = {
132 
+        username: userEmail,
133 
+        Password: userPassword,
134 
+        UnibaseId: "",
135 
+        RememberMe: false,
136 
+      };
137 
+      const res = await postAPIService(
138 
+        `bizgaze/crm/webapi/crmuserlogin`,
139 
+        loginPayload
140 
+      );
141 
+      debugger;
142 
+      console.log(res);
143 
+      if (res.data.message == "200") {
144 
+        // Command: toastr["success"]("Logged in successfully")
145 
+        // toasterOpts();
146 
+        debugger;
147 
+        COOKIE_HELPER_ACTIONS.setCookie({
148 
+          token: res.data.result.sessionId,
149 
+          userid: res.data.result.userId,
150 
+          ...res.data.result
151 
+        })
152 
+        // setInitLoginLocal();
153 
+        // window.localStorage.setItem("Useremail", userEmail);
154 
+        //window.localStorage.setItem("Userpassword", userPassword);
155 
+        //window.localStorage.setItem("Isloggedin", true);
156 
+        const isCartAdded = localStorage.getItem(CART_ADD);
157 
+        if(isCartAdded){
158 
+          localStorage.removeItem(CART_ADD);
159 
+          window.location.href = `/selectdelivery.html`;
160 
+          return;
161 
+        }
162 
+        window.location.href = `/index.html`;
163 
+      } else {
164 
+        $("#empt_num").removeClass("d-none text-success").text(res.data.message).addClass('text-danger');
165 
+        $(".my_avatar").attr("href", "./login.html");
166 
+      }
167 
+    }
168 
+  }
169 
+
170 
+  // this function will be triggered on new user registration
171 
+  async function userRegistration() {
172 
+    reg_form = $('#register_form');
173 
+    // reg_name = $("#User_Name").val();
174 
+    reg_email = reg_form.find("#User_Email").val();
175 
+    // reg_otp_email = $("#User_otp_Email").val();
176 
+    // reg_number = $("#user_number").val();
177 
+    reg_pwd = reg_form.find("#User_password").val();
178 
+    let userName = reg_email.split("@");
179 
+    let otpRes = null;
180 
+    const userRegistratioNPayload = {
181 
+      organizationtypeid: "2",
182 
+      organizationid: "0",
183 
+      contactid: "0",
184 
+      userid: "0",
185 
+      username: "0",
186 
+      users_phonenumber: "0",
187 
+      password: reg_pwd,
188 
+      users_emailaddress: "0",
189 
+      emailaddress: reg_email,
190 
+      contactname: userName[0],
191 
+      phonenumber: "0",
192 
+      branchid: "0",
193 
+      tenantname: "Anwi Systems",
194 
+      rolename: "Customer Admin",
195 
+      currencyid: "0",
196 
+      customerformuniqueid: "Bizgaze_Platform_Crm_RegisterCRMUser",
197 
+    };
198 
+    $('.spinner-border').removeClass('d-none');
199 
+    const res = await postAPIService(
200 
+      `bizgaze/crm/webapi/registercrmuser`,
201 
+      userRegistratioNPayload
202 
+    );
203 
+    console.log(res, "register");
204 
+    $('.spinner-border').addClass('d-none');
205 
+    if (res.data.message == "User Already Exists!") {
206 
+      $('.error-div').text('User Already Exists!');
207 
+      // $(".useralready_exist").removeClass("d-none");
208 
+    } else {
209 
+    }
210 
+
211 
+    $("#proceed").click(async function () {
212 
+      let userEnterOtp = "";
213 
+      let userEmail = registerForm.find("#User_Email").val();
214 
+      $('.otp-input-group input').each(function () {
215 
+        let presVal = $(this).val();
216 
+        userEnterOtp += presVal;
217 
+      })
218 
+      console.log(userEnterOtp);
219 
+      debugger;
220 
+      const userotppayload = {
221 
+        email: userEmail,
222 
+        otpid: res.data.result.OtpId,
223 
+        userotp: userEnterOtp,
224 
+      };
225 
+      $('.spinner-border').removeClass('d-none');
226 
+      otpRes = await postAPIService(
227 
+        `bizgaze/crm/webapi/ValidateOtp`,
228 
+        userotppayload
229 
+      );
230 
+      $('.spinner-border').addClass('d-none');
231 
+      debugger;
232 
+      console.log(otpRes, "otp");
233 
+      const verifyotpStatus = otpRes.data.result;
234 
+      debugger;
235 
+      if (verifyotpStatus == "Otp verified successfully") {
236 
+        alert("Account created successfully");
237 
+        window.location.href = `/myaccount.html`;
238 
+      } else {
239 
+        alert("please enter valid otp");
240 
+      }
241 
+    });
242 
+  }
243 
+
244 
+  // to validate password on keyup in password input field
245 
+  function passwordValidate(pswd) {
246 
+    if (pswd.length < 11) {
247 
+      $('#chck_length').removeClass('pswd_valid').addClass('pswd_invalid');
248 
+    } else {
249 
+      $('#chck_length').removeClass('pswd_invalid').addClass('pswd_valid');
250 
+    }
251 
+    // validate uppercase letter
252 
+    if (pswd.match(/[A-Z]/)) {
253 
+      $('#chck_capital').removeClass('pswd_invalid').addClass('pswd_valid');
254 
+    } else {
255 
+      $('#chck_capital').removeClass('pswd_valid').addClass('pswd_invalid');
256 
+    }
257 
+    //validate special letter
258 
+    if (pswd.match(/[!@#$%^&*]/)) {
259 
+      $('#chck_special').removeClass('pswd_invalid').addClass('pswd_valid');
260 
+    } else {
261 
+      $('#chck_special').removeClass('pswd_valid').addClass('pswd_invalid');
262 
+    }
263 
+    let pswdVal = $('#register_form #User_password').val();
264 
+    let pattern = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9]).{11,}$/;
265 
+    if (pswdVal.match(pattern)) {
266 
+      $('#pswd_info').hide()
267 
+    }
268 
+    else {
269 
+      $('#pswd_info').show()
270 
+    }
271 
+    //validate number
272 
+    if (pswd.match(/\d/)) {
273 
+      $('#chck_number').removeClass('pswd_invalid').addClass('pswd_valid');
274 
+    } else {
275 
+      $('#chck_number').removeClass('pswd_valid').addClass('pswd_invalid');
276 
+    }
277 
+
278 
+  };
279 
+
280 
+  //you have to use keyup, because keydown will not catch the currently entered value
281 
+  $('#register_form #User_password').keyup(function () {
282 
+    // set password variable
283 
+    var pswd = $(this).val();
284 
+    passwordValidate(pswd);
285 
+  }).focus(function () {
286 
+    let pswdVal = $('#register_form #User_password').val();
287 
+    let pattern = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9]).{11,}$/;
288 
+    if (pswdVal.match(pattern)) {
289 
+      $('#pswd_info').hide()
290 
+    }
291 
+    else {
292 
+      $('#pswd_info').show()
293 
+    }
294 
+  }).blur(function () {
295 
+    $('#pswd_info').hide();
296 
+  });
297 
+
298 
+  // function to validate user entered email
299 
+  function validateEmail(userEmail) {
300 
+    var pattern =
301 
+      /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
302 
+    return $.trim(userEmail).match(pattern) ? true : false;
303 
+  }
304 
+
305 
+  // function to validate user entered password
306 
+  function validatepassword(userPassword) {
307 
+    var pattern = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9]).{11,}$/;
308 
+    return $.trim(userPassword).match(pattern) ? true : false;
309 
+  }
310 
+
311 
+  registerForm.find("#User_Email,#User_password").keypress(function (e) {
312 
+    if (e.which == 13)
313 
+      document.getElementById("register_btn").click();
314 
+
315 
+  });
316 
+
317 
+  // this will be triggered on clicking continue in signup form
318 
+  $("#register_btn").click(function () {
319 
+    registerForm.find(".loader-btn").show();
320 
+    $(this).hide();
321 
+    let userEmail = registerForm.find("#User_Email").val();
322 
+    let userPassword = registerForm.find("#User_password").val();
323 
+    let emailInput = registerForm.find(".email-login-inputgroup");
324 
+    let passwordInput = registerForm.find(".password-login-inputgroup");
325 
+    if (userEmail == "") {
326 
+      emailInput.find('#User_Email').addClass('is-invalid');
327 
+      emailInput.find('.form-floating').addClass('is-invalid');
328 
+      emailInput.find('.invalid-feedback').text('Please enter your email');
329 
+      registerForm.find(".loader-btn").hide();
330 
+      $(this).show();
331 
+    }
332 
+    if (userPassword == "") {
333 
+      passwordInput.find('#User_password').addClass('is-invalid');
334 
+      passwordInput.find('.form-floating').addClass('is-invalid');
335 
+      registerForm.find(".loader-btn").hide();
336 
+      $(this).show();
337 
+    }
338 
+    else {
339 
+      emailInput.find('#User_Email').removeClass('is-invalid');
340 
+      emailInput.find('.form-floating').removeClass('is-invalid');
341 
+      passwordInput.find('#User_password').removeClass('is-invalid');
342 
+      passwordInput.find('.form-floating').removeClass('is-invalid');
343 
+      if (validateEmail(userEmail)) {
344 
+        $('#register_form .email-password-group').hide();
345 
+        $('#register_form .otp-input-group').show();
346 
+        $('#register_form .otp-input-group .otp-sent-email').text(userEmail);
347 
+        userRegistration();
348 
+      } else {
349 
+        emailInput.find('#User_Email').addClass('is-invalid');
350 
+        emailInput.find('.form-floating').addClass('is-invalid');
351 
+        emailInput.find('.invalid-feedback').text('Please enter a valid email');
352 
+        registerForm.find(".loader-btn").hide();
353 
+        $(this).show();
354 
+      }
355 
+    }
356 
+  });
357 
+
358 
+  $('#forgotPassword').click(function () {
359 
+    $('.login-email-password-div').hide();
360 
+    $('.login-forgot-passsword-div').show();
361 
+  })
362 
+
363 
+  function toasterOpts() {
364 
+    toastr.options = {
365 
+      "closeButton": true,
366 
+      "debug": false,
367 
+      "newestOnTop": true,
368 
+      "progressBar": true,
369 
+      "positionClass": "toast-top-center",
370 
+      "preventDuplicates": true,
371 
+      "showDuration": "300",
372 
+      "hideDuration": "1000",
373 
+      "timeOut": "3000",
374 
+      "extendedTimeOut": "1000",
375 
+      "showEasing": "swing",
376 
+      "hideEasing": "linear",
377 
+      "showMethod": "fadeIn",
378 
+      "hideMethod": "fadeOut"
379 
+    }
380 
+  }
381 
+}
382 
+
383 
+initLogin();

+ 780
- 0
dist/Js/auth/login_ing.js Visa fil 

@@ -0,0 +1,780 @@
1 
+function initLogin() {
2 
+  // alert('as')
3 
+  // Command: toastr["success"]("Logged in successfully")
4 
+  // Command: toastr["success"]("My name is Inigo Montoya. You killed my father. Prepare to die!")
5 
+
6 
+  // toasterOpts();
7 
+  let reg_name, reg_email, reg_number, reg_pwd, reg_otp_email;
8 
+  let loginForm = $("#login_form");
9 
+  let registerForm = $("#register_form");
10 
+
11 
+  $("#register_form .otp-input-group input.press").on("paste", function (p) {
12 
+    var data = p.originalEvent.clipboardData.getData("text");
13 
+    var dataLength = data.length;
14 
+
15 
+    for (var i = 0; i < dataLength; i++) {
16 
+      var input = $(
17 
+        '#register_form .otp-input-group input[tabindex="' + (i + 1) + '"]'
18 
+      );
19 
+      input.val(data.charAt(i));
20 
+      if (input.val().length >= input.attr("maxlength")) {
21 
+        var nextInput = $(
22 
+          '#register_form .otp-input-group input[tabindex="' + (i + 2) + '"]'
23 
+        );
24 
+        if (nextInput) {
25 
+          nextInput.focus();
26 
+        }
27 
+      }
28 
+    }
29 
+    p.preventDefault();
30 
+  });
31 
+
32 
+  $('#register_form .otp-input-group input[type="text"]').on(
33 
+    "keyup",
34 
+    function (e) {
35 
+      if ($(this).val().length >= $(this).attr("maxlength")) {
36 
+        if (e.keyCode !== 9 && e.keyCode !== 16) {
37 
+          var tabIndex = parseInt($(this).attr("tabindex")) + 1;
38 
+          $(
39 
+            '#register_form .otp-input-group input[tabindex="' +
40 
+              $(this).attr("tabindex") +
41 
+              '"]'
42 
+          ).val($(this).val());
43 
+          $(
44 
+            '#register_form .otp-input-group input[tabindex="' + tabIndex + '"]'
45 
+          ).focus();
46 
+        }
47 
+      } else {
48 
+        if (e.keyCode === 8) {
49 
+          var tabIndex = parseInt($(this).attr("tabindex")) - 1;
50 
+          $(
51 
+            '#register_form .otp-input-group input[tabindex="' + tabIndex + '"]'
52 
+          ).focus();
53 
+        }
54 
+      }
55 
+    }
56 
+  );
57 
+
58 
+  loginForm.find("#User_Email,#User_password").keypress(function (e) {
59 
+    if (e.which == 13) $("#Login_btn").click();
60 
+  });
61 
+
62 
+  $("#Login_btn").click(function () {
63 
+    $('.error_msg').hide();
64 
+    // loginForm.find(".loader-btn").show();
65 
+    let userEmail = loginForm.find("#User_Email").val();
66 
+    let userPassword = loginForm.find("#User_password").val();
67 
+    let emailInput = loginForm.find(".email-login-inputgroup");
68 
+    let passwordInput = loginForm.find(".password-login-inputgroup");
69 
+    if (userEmail == "") {
70 
+      emailInput.find("#User_Email").addClass("is-invalid");
71 
+      emailInput.find(".form-floating").addClass("is-invalid");
72 
+      emailInput.find(".invalid-feedback").text("Please enter your email");
73 
+      loginForm.find(".loader-btn").hide();
74 
+      $(this).show();
75 
+    }
76 
+    if (userPassword == "") {
77 
+      passwordInput.find("#User_password").addClass("is-invalid");
78 
+      passwordInput.find(".form-floating").addClass("is-invalid");
79 
+      loginForm.find(".loader-btn").hide();
80 
+      $(this).show();
81 
+    } else {
82 
+      emailInput.find("#User_Email").removeClass("is-invalid");
83 
+      emailInput.find(".form-floating").removeClass("is-invalid");
84 
+      passwordInput.find("#User_password").removeClass("is-invalid");
85 
+      passwordInput.find(".form-floating").removeClass("is-invalid");
86 
+      if (validateEmail(userEmail)) {
87 
+         let port = SERVERNAME
88 
+      // let port = "http://localhost:3088";
89 
+        let url = `${port}/account/getuserbyphoneormail/${userEmail}/${userEmail}`;
90 
+        getDataStatAxios(url, userEmail);
91 
+      } else {
92 
+        loginForm.find(".loader-btn").hide();
93 
+        $(this).show();
94 
+        emailInput.find("#User_Email").addClass("is-invalid");
95 
+        emailInput.find(".form-floating").addClass("is-invalid");
96 
+        emailInput.find(".invalid-feedback").text("Please enter a valid email");
97 
+      }
98 
+    }
99 
+  });
100 
+  async function getDataStatAxios(url, userEmail) {
101 
+    const config = {
102 
+      url,
103 
+      method: "get",
104 
+    };
105 
+    let response = await axios(config);
106 
+    if (response.data.result == null) {
107 
+      $('.error_msg').show();
108 
+      $('.error_msg .error_msg_res').html(`User doesn't exists with the email,  <a href="#" class="alert-link register_sectionbtn" id="register_sectionbtn">Sign Up </a>`);
109 
+      $(".register_sectionbtn").click(function(){
110 
+
111 
+
112 
+        $(".login_section").css("display","none");
113 
+        $(".register_section").css("display","block");
114 
+        $(".login_section").find("#User_Email").removeClass("is-invalid");
115 
+        $(".login_section").find(".form-floating").removeClass("is-invalid");
116 
+        $(".login_section").find("#User_password").removeClass("is-invalid");
117 
+        $(".login_section").find(".form-floating").removeClass("is-invalid");
118 
+        $('.error_msg').hide();
119 
+      });
120 
+      // toasterOpts();
121 
+
122 
+      // Command: toastr["error"]("Please enter Valid email / password");
123 
+    } else {
124 
+      let userEmail = $("#User_Email").val();
125 
+      let userPassword = $("#User_password").val();
126 
+      const loginPayload = {
127 
+        username: userEmail,
128 
+        Password: userPassword,
129 
+        UnibaseId: "",
130 
+        RememberMe: false,
131 
+      };
132 
+      $("#Login_btn").hide();
133 
+      $(".loader-btn").show();
134 
+      const res = await postAPIService(
135 
+        `bizgaze/crm/webapi/crmuserlogin`,
136 
+        loginPayload
137 
+      );
138 
+      debugger;
139 
+      console.log(res);
140 
+      $(".loader-btn").hide();
141 
+      $("#Login_btn").show();
142 
+      if (res.data.message == "200") {
143 
+        debugger;
144 
+        // Command: toastr["success"]("Logged in successfully")
145 
+        // toasterOpts();
146 
+        COOKIE_HELPER_ACTIONS.setCookie({
147 
+          token: res.data.result.sessionId,
148 
+          userid: res.data.result.userId,
149 
+          ...res.data.result
150 
+        });
151 
+        // setInitLoginLocal();
152 
+        window.localStorage.setItem("Useremail", userEmail);
153 
+        //window.localStorage.setItem("Userpassword", userPassword);
154 
+        window.localStorage.setItem("Isloggedintoaster", true);
155 
+        window.localStorage.setItem("Isloggedin", true);
156 
+
157 
+        const isCartAdded = localStorage.getItem(CART_ADD);
158 
+        if(isCartAdded){
159 
+          localStorage.removeItem(CART_ADD);
160 
+          window.location.href = `/selectdelivery.html`;
161 
+          return;
162 
+        }
163 
+
164 
+      window.location.href = `./index.html`;
165 
+      } else {
166 
+        $('.error_msg').show();
167 
+        $('.error_msg .error_msg_res').html(res.data.message + ' <a class="validate_mail text-danger"><b>Validate Email</b></a>');
168 
+      //   toasterOpts();
169 
+      // Command: toastr["error"]()
170 
+        /*Email validation*/
171 
+  $('.validate_mail').click(function(){
172 
+    $(".login_section").hide();
173 
+    $(".email-validate-div").show();
174 
+    $('.error_msg').hide();
175 
+  })
176 
+      }
177 
+    }
178 
+  }
179 
+
180 
+  // this function will be triggered on new user registration
181 
+  async function userRegistration() {
182 
+    reg_form = $("#register_form");
183 
+    // reg_name = $("#User_Name").val();
184 
+    reg_email = reg_form.find("#User_Email").val();
185 
+    // reg_otp_email = $("#User_otp_Email").val();
186 
+    // reg_number = $("#user_number").val();
187 
+    reg_pwd = reg_form.find("#User_password").val();
188 
+    let userName = reg_email.split("@");
189 
+    let otpRes = null;
190 
+    const userRegistratioNPayload = {
191 
+      organizationtypeid: "2",
192 
+      organizationid: "0",
193 
+      contactid: "0",
194 
+      userid: "0",
195 
+      username: "0",
196 
+      users_phonenumber: "0",
197 
+      password: reg_pwd,
198 
+      users_emailaddress: "0",
199 
+      emailaddress: reg_email,
200 
+      contactname: userName[0],
201 
+      phonenumber: "0",
202 
+      branchid: "0",
203 
+      tenantname: "Anwi Systems",
204 
+      rolename: "Customer Admin",
205 
+      currencyid: "0",
206 
+      customerformuniqueid: "Bizgaze_Platform_Crm_RegisterCRMUser",
207 
+    };
208 
+    debugger;
209 
+    $('#register_btn').hide()
210 
+    $(".loader-btn").show();
211 
+    debugger;
212 
+    const res = await postAPIService(
213 
+      `bizgaze/crm/webapi/registercrmuser`,
214 
+      userRegistratioNPayload
215 
+    );
216 
+    console.log(res, "register");
217 
+    $(".loader-btn").hide();
218 
+    $('#register_btn').show()
219 
+    if (res.data.code == "404" ) {
220 
+      // toasterOpts();
221 
+      // Command: toastr["error"](res.data.message)
222 
+      $('.error_msg').show();
223 
+      $('.error_msg .error_msg_res').html(res.data.message);
224 
+      return;
225 
+    }
226 
+     else {
227 
+      $("#register_form .email-password-group").hide();
228 
+      $("#register_form .register_otp.otp-input-group").show();
229 
+    }
230 
+
231 
+    $("#proceed").click(async function () {
232 
+      let userEnterOtp = "";
233 
+      let userEmail = registerForm.find("#User_Email").val();
234 
+      $(".otp-input-group input").each(function () {
235 
+        let presVal = $(this).val();
236 
+        userEnterOtp += presVal;
237 
+      });
238 
+      console.log(userEnterOtp);
239 
+      debugger;
240 
+      const userotppayload = {
241 
+        email: userEmail,
242 
+        otpid: res.data.result.OtpId,
243 
+        userotp: userEnterOtp,
244 
+      };
245 
+      $(".loader-btn").show();
246 
+      $('#proceed').hide()
247 
+      otpRes = await postAPIService(
248 
+        `bizgaze/crm/webapi/ValidateOtp`,
249 
+        userotppayload
250 
+      );
251 
+      $(".loader-btn").hide();
252 
+      $('#proceed').show()
253 
+      debugger;
254 
+      console.log(otpRes, "otp");
255 
+      const verifyotpStatus = otpRes.data.result;
256 
+      if (verifyotpStatus == "Otp verified successfully") {
257 
+        const loginPayload = {
258 
+          username: reg_email,
259 
+          Password: reg_pwd,
260 
+          UnibaseId: "",
261 
+          RememberMe: false,
262 
+        };
263 
+        const res = await postAPIService(
264 
+          `bizgaze/crm/webapi/crmuserlogin`,
265 
+          loginPayload
266 
+        );
267 
+        if (res.data.message == "200") {
268 
+          debugger;
269 
+          // Command: toastr["success"]("Logged in successfully")
270 
+          // toasterOpts();
271 
+          COOKIE_HELPER_ACTIONS.setCookie({
272 
+            token: res.data.result.sessionId,
273 
+            userid: res.data.result.userId,
274 
+            ...res.data.result
275 
+          });
276 
+          // setInitLoginLocal();
277 
+          window.localStorage.setItem("Useremail", userEmail);
278 
+          //window.localStorage.setItem("Userpassword", userPassword);
279 
+          window.localStorage.setItem("isaccountCreated", true);
280 
+          const isCartAdded = localStorage.getItem(CART_ADD);
281 
+          if(isCartAdded){
282 
+            localStorage.removeItem(CART_ADD);
283 
+            window.location.href = `/selectdelivery.html`;
284 
+            return;
285 
+          }
286 
+          window.location.href = `./index.html`;
287 
+        } else {
288 
+        //   toasterOpts();
289 
+        // Command: toastr["error"](res.data.message)
290 
+        $('.error_msg').show();
291 
+        $('.error_msg .error_msg_res').html(res.data.message);
292 
+        }
293 
+      } else {
294 
+        // toasterOpts();
295 
+        // Command: toastr["error"]("Please enter Valid OTP");
296 
+        $('.error_msg').show();
297 
+        $('.error_msg .error_msg_res').html("Please enter Valid OTP");
298 
+      }
299 
+    });
300 
+  }
301 
+
302 
+  // to validate password on keyup in password input field
303 
+  function passwordValidate(pswd) {
304 
+    if (pswd.length < 8) {
305 
+      $("#chck_length").removeClass("pswd_valid").addClass("pswd_invalid");
306 
+    } else {
307 
+      $("#chck_length").removeClass("pswd_invalid").addClass("pswd_valid");
308 
+    }
309 
+    // validate uppercase letter
310 
+    if (pswd.match(/[A-Z]/)) {
311 
+      $("#chck_capital").removeClass("pswd_invalid").addClass("pswd_valid");
312 
+    } else {
313 
+      $("#chck_capital").removeClass("pswd_valid").addClass("pswd_invalid");
314 
+    }
315 
+    //validate special letter
316 
+    if (pswd.match(/[!@#$%^&*]/)) {
317 
+      $("#chck_special").removeClass("pswd_invalid").addClass("pswd_valid");
318 
+    } else {
319 
+      $("#chck_special").removeClass("pswd_valid").addClass("pswd_invalid");
320 
+    }
321 
+    let pswdVal = $("#register_form #User_password").val();
322 
+    let pattern = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9]).{8,}$/;
323 
+    if (pswdVal.match(pattern)) {
324 
+      $(".pswd_info").hide();
325 
+    } else {
326 
+      $(".pswd_info").show();
327 
+    }
328 
+    //validate number
329 
+    if (pswd.match(/\d/)) {
330 
+      $("#chck_number").removeClass("pswd_invalid").addClass("pswd_valid");
331 
+    } else {
332 
+      $("#chck_number").removeClass("pswd_valid").addClass("pswd_invalid");
333 
+    }
334 
+  }
335 
+
336 
+  //you have to use keyup, because keydown will not catch the currently entered value
337 
+  $("#register_form #User_password")
338 
+    .keyup(function () {
339 
+      // set password variable
340 
+      var pswd = $(this).val();
341 
+      passwordValidate(pswd);
342 
+    })
343 
+    .focus(function () {
344 
+      let pswdVal = $("#register_form #User_password").val();
345 
+      let pattern = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9]).{11,}$/;
346 
+      if (pswdVal.match(pattern)) {
347 
+        $(".pswd_info").hide();
348 
+      } else {
349 
+        $(".pswd_info").show();
350 
+      }
351 
+    })
352 
+    .blur(function () {
353 
+      $(".pswd_info").hide();
354 
+    });
355 
+
356 
+  // function to validate user entered email
357 
+  function validateEmail(userEmail) {
358 
+    var pattern = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
359 
+    // return $.trim(userEmail).test(pattern) ? true : false;
360 
+    return pattern.test(userEmail) ? true : false;
361 
+  }
362 
+
363 
+  // function to validate user entered password
364 
+  function validatepassword(userPassword) {
365 
+    var pattern =  /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9])(?!.*\s).{8,15}$/;
366 
+    // return $.trim(userPassword).test(pattern) ? true : false;
367 
+    return pattern.test(userPassword) ? true : false;
368 
+  }
369 
+
370 
+  registerForm.find("#User_Email,#User_password").keypress(function (e) {
371 
+    if (e.which == 13) $("#register_btn").click();
372 
+  });
373 
+
374 
+  // this will be triggered on clicking continue in signup form
375 
+  $("#register_btn").click(function () {
376 
+    $('.error_msg').hide();
377 
+    registerForm.find(".loader-btn").show();
378 
+    $(this).hide();
379 
+    let userEmail = registerForm.find("#User_Email").val();
380 
+    let userPassword = registerForm.find("#User_password").val();
381 
+    let emailInput = registerForm.find(".email-login-inputgroup");
382 
+    let passwordInput = registerForm.find(".password-login-inputgroup");
383 
+    if (userEmail == "") {
384 
+      emailInput.find("#User_Email").addClass("is-invalid");
385 
+      emailInput.find(".form-floating").addClass("is-invalid");
386 
+      emailInput.find(".invalid-feedback").text("Please enter your email");
387 
+      registerForm.find(".loader-btn").hide();
388 
+      $(this).show();
389 
+    }
390 
+    if (userPassword == "") {
391 
+      passwordInput.find("#User_password").addClass("is-invalid");
392 
+      passwordInput.find(".form-floating").addClass("is-invalid");
393 
+      registerForm.find(".loader-btn").hide();
394 
+      $(this).show();
395 
+    } else {
396 
+      emailInput.find("#User_Email").removeClass("is-invalid");
397 
+      emailInput.find(".form-floating").removeClass("is-invalid");
398 
+      passwordInput.find("#User_password").removeClass("is-invalid");
399 
+      passwordInput.find(".form-floating").removeClass("is-invalid");
400 
+      let Email_valid = validateEmail(userEmail);
401 
+      let Pwd_valid = validatepassword(userPassword);
402 
+      if (Email_valid === true && Pwd_valid === true) {
403 
+        userRegistration();
404 
+        $("#register_form .otp-input-group .otp-sent-email").text(userEmail);
405 
+      } else if(Email_valid === false) {
406 
+        emailInput.find("#User_Email").addClass("is-invalid");
407 
+        emailInput.find(".form-floating").addClass("is-invalid");
408 
+        emailInput.find(".invalid-feedback").text("Please enter a valid email");
409 
+        registerForm.find(".loader-btn").hide();
410 
+        $(this).show();
411 
+      }else if(Pwd_valid === false){
412 
+        passwordInput.find("#User_password").addClass("is-invalid");
413 
+        passwordInput.find(".form-floating").addClass("is-invalid");
414 
+        passwordInput.find(".invalid-feedback").text("Please check the password!");
415 
+        registerForm.find(".loader-btn").hide();
416 
+        $(this).show();
417 
+      }
418 
+    }
419 
+  });
420 
+  $(".pswd_eye").click(function(){
421 
+    let eyeClass = $(this).find('svg').hasClass("fa-eye-slash");
422 
+    if(eyeClass == true){
423 
+         $(this).find('svg').removeClass("fa-eye-slash");
424 
+        $(this).find('svg').addClass("fa-eye");
425 
+        $(this).siblings('input').attr('type','password')
426 
+      }else{
427 
+        $(this).find('svg').removeClass("fa-eye");
428 
+        $(this).find('svg').addClass("fa-eye-slash");
429 
+        $(this).siblings('input').attr('type','text')
430 
+    }
431 
+})
432 
+
433 
+  $("#forgotPassword").click(function () {
434 
+    $(".login-email-password-div").hide();
435 
+    $(".login-forgot-password-div").show();
436 
+  });
437 
+  $("#forgot_Password_Back").click(function () {
438 
+    $(".login-forgot-password-div").hide();
439 
+    $(".login-email-password-div").show();
440 
+  });
441 
+  $("#forgot_password_submit").click(async function () {
442 
+    let forgot_email = $("#forgot_User_Email").val();
443 
+    if(forgot_email == ''){
444 
+$('#forgot_User_Email').addClass('is-invalid')
445 
+$('#forgot_User_Email').after(`<div class="invalid-feedback">Please enter Valid email</div>`);
446 
+return
447 
+    }
448 
+    else{
449 
+    debugger;
450 
+  let port = SERVERNAME
451 
+   // let port = "http://localhost:3088";
452 
+    let url = `${port}/account/getuserbyphoneormail/${forgot_email}/${forgot_email}`;
453 
+    const config = {
454 
+      url,
455 
+      method: "get",
456 
+    };
457 
+    $(".loader-btn").show();
458 
+    $('#forgot_password_submit').hide()
459 
+    let response = await axios(config);
460 
+    debugger;
461 
+    console.log(response);
462 
+    $(".loader-btn").hide();
463 
+    $('#forgot_password_submit').show()
464 
+    if (response.data.result != null) {
465 
+      debugger;
466 
+      console.log(response.data);
467 
+      const forgotpassPayload = {
468 
+        firstname: "",
469 
+        lastname: "",
470 
+        contactnumber: "",
471 
+        email: "",
472 
+        tenantname: "",
473 
+        contactoremail: response.data.result.email,
474 
+        IsSignup: false,
475 
+        IsRegisterUser: false,
476 
+        IsForgotPswd: true,
477 
+        UnibaseId: response.data.result.userName,
478 
+        OtpId: 0,
479 
+        UserOtp: "",
480 
+      };
481 
+      $('#forgot_password_submit').hide()
482 
+      $(".loader-btn").show();
483 
+      const forgetpassRes = await postAPIService(
484 
+        `account/sendotp`,
485 
+        forgotpassPayload
486 
+      );
487 
+      $(".loader-btn").hide();
488 
+      console.log(forgetpassRes);
489 
+      $(".email-validation").hide();
490 
+      $('.user_email').html(forgot_email)
491 
+      $(".otp-validation .otp-input-group").show();
492 
+      $(".otp-validation .otp-input-group").on("paste", function (p) {
493 
+        let data = p.originalEvent.clipboardData.getData("text");
494 
+        let dataLength = data.length;
495 
+        for (let i = 0; i < dataLength; i++) {
496 
+          let input = $(
497 
+            '.otp-validation .otp-input-group input[tabindex="' + (i + 1) + '"]'
498 
+          );
499 
+          input.val(data.charAt(i));
500 
+          if (input.val().length >= input.attr("maxlength")) {
501 
+            let nextInput = $(
502 
+              '.otp-validation .otp-input-group input[tabindex="' +
503 
+                (i + 2) +
504 
+                '"]'
505 
+            );
506 
+            if (nextInput) {
507 
+              nextInput.focus();
508 
+            }
509 
+          }
510 
+        }
511 
+        p.preventDefault();
512 
+      });
513 
+
514 
+      $('.otp-validation .otp-input-group input[type="text"]').on(
515 
+        "keyup",
516 
+        function (e) {
517 
+          if ($(this).val().length >= $(this).attr("maxlength")) {
518 
+            if (e.keyCode !== 9 && e.keyCode !== 16) {
519 
+              let tabIndex = parseInt($(this).attr("tabindex")) + 1;
520 
+              $(
521 
+                '.otp-validation .otp-input-group input[tabindex="' +
522 
+                  $(this).attr("tabindex") +
523 
+                  '"]'
524 
+              ).val($(this).val());
525 
+              $(
526 
+                '.otp-validation .otp-input-group input[tabindex="' +
527 
+                  tabIndex +
528 
+                  '"]'
529 
+              ).focus();
530 
+            }
531 
+          } else {
532 
+            if (e.keyCode === 8) {
533 
+              let tabIndex = parseInt($(this).attr("tabindex")) - 1;
534 
+              $(
535 
+                '.otp-validation .otp-input-group input[tabindex="' +
536 
+                  tabIndex +
537 
+                  '"]'
538 
+              ).focus();
539 
+            }
540 
+          }
541 
+        }
542 
+      );
543 
+      $("#Forgot_pass_proceed").click(async function () {
544 
+        debugger;
545 
+        let userotp='';
546 
+        $(".otp-validation .otp-input-group input").each(function () {
547 
+          let presVal = $(this).val();
548 
+          userotp += presVal;
549 
+        });
550 
+        console.log(userotp);
551 
+          const validateForgotpass = {
552 
+           email: forgot_email,
553 
+            otpid: forgetpassRes.data,
554 
+            userotp: userotp,
555 
+          };
556 
+          $('#Forgot_pass_proceed').hide()
557 
+          $(".loader-btn").show();
558 
+          const forgetpassResotp = await postAPIService(
559 
+            `hyperfusion/validateotp`,
560 
+            validateForgotpass
561 
+         );
562 
+         $(".loader-btn").hide();
563 
+         $('#Forgot_pass_proceed').show()
564 
+          console.log(forgetpassResotp);
565 
+          const Resotp = forgetpassResotp.data.result;
566 
+          if (Resotp == "Otp verified successfully") {
567 
+            $(".login-forgot-password-details-div").show();
568 
+        $(".otp-validation .otp-input-group").hide();
569 
+          } else {
570 
+            // toasterOpts()
571 
+            // Command: toastr["error"]("Please enter Valid OTP");
572 
+            $('.error_msg').show();
573 
+            $('.error_msg .error_msg_res').html("Please enter Valid OTP");
574 
+          }
575 
+      });
576 
+      $("#forgot_password_details_submit").click(async function () {
577 
+        debugger;
578 
+        let pswdone =$("#forgot-password-input-one").val();
579 
+        let pswdtwo =$("#forgot-password-input-two").val();
580 
+        if(pswdone == pswdtwo) {
581 
+          const forgotpassPayload = {
582 
+            username: response.data.result.userName,
583 
+            password: pswdtwo,
584 
+          };
585 
+          $("#forgot_password_details_submit").hide();
586 
+          $(".loader-btn").show();
587 
+          const forgetpassRes = await postAPIService(
588 
+            `account/UpdatePassword`,
589 
+            forgotpassPayload
590 
+          );
591 
+          console.log(forgetpassRes);
592 
+          $(".loader-btn").hide();
593 
+          $("#forgot_password_details_submit").show();
594 
+          window.localStorage.setItem('Ispasswordupdate',true)
595 
+          window.location.href = `./myaccount.html`;
596 
+        }else {
597 
+          $("#forgot-password-input-one").addClass('is-invalid');
598 
+          $("#forgot-password-input-two").addClass('is-invalid')
599 
+          $('.password_display').text('Passwords are not matched !').addClass('text-danger')
600 
+        }
601 
+
602 
+
603 
+      });
604 
+    }
605 
+    else{
606 
+      $('#forgot_User_Email').addClass('is-invalid');
607 
+      $('#forgot_User_Email').after(`<div class="invalid-feedback">Please enter Valid email</div>`);
608 
+
609 
+    }
610 
+  }
611 
+  });
612 
+  $(".user_pass")
613 
+  .keyup(function () {
614 
+    // set password variable
615 
+    var pswd = $(this).val();
616 
+    passwordValidate(pswd);
617 
+    $('.pswd_info').hide();
618 
+    $(this).parent().siblings('.pswd_info').show();
619 
+  })
620 
+  .focus(function () {
621 
+    let pswdVal = $(this).val();
622 
+    let pattern = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9]).{8,}$/;
623 
+    if (pswdVal.match(pattern)) {
624 
+      $(this).parent().siblings('.pswd_info').hide();
625 
+    } else {
626 
+      $(this).parent().siblings('.pswd_info').show();
627 
+    }
628 
+  })
629 
+  .blur(function () {
630 
+    $(this).parent().siblings('.pswd_info').hide();
631 
+  });
632 
+
633 
+  function toasterOpts(){
634 
+    toastr.options = {
635 
+      "closeButton": true,
636 
+      "debug": false,
637 
+      "newestOnTop": true,
638 
+      "progressBar": true,
639 
+      "positionClass": "toast-top-center",
640 
+      "preventDuplicates": true,
641 
+      "onclick": null,
642 
+      "showDuration": "300",
643 
+      "hideDuration": "1000",
644 
+      "timeOut": "5000",
645 
+      "extendedTimeOut": "1000",
646 
+      "showEasing": "swing",
647 
+      "hideEasing": "linear",
648 
+      "showMethod": "fadeIn",
649 
+      "hideMethod": "fadeOut"
650 
+    }
651 
+  }
652 
+}
653 
+ $("#email_validate_submit").click(async function () {
654 
+  let vaidate_otp;
655 
+    let validate_email = $("#email_validation_input").val();
656 
+    if(validate_email == ''){
657 
+$('#email_validation_input').addClass('is-invalid')
658 
+$('#email_validation_input').after(`<div class="invalid-feedback">Please enter Valid email</div>`);
659 
+return
660 
+    }
661 
+    else{
662 
+    debugger;
663 
+  let port = SERVERNAME;
664 
+   // let port = "http://localhost:3088";
665 
+    let url = `${port}/account/getuserbyphoneormail/${validate_email}/${validate_email}`;
666 
+    const config = {
667 
+      url,
668 
+      method: "get",
669 
+    };
670 
+    $(".loader-btn").show();
671 
+    $('#email_validate_submit').hide()
672 
+    let response = await axios(config);
673 
+    debugger;
674 
+    console.log(response);
675 
+    $(".loader-btn").hide();
676 
+    $('#email_validate_submit').show()
677 
+    if (response.data.result != null) {
678 
+      debugger;
679 
+      console.log(response.data);
680 
+      const forgotpassPayload = {
681 
+        firstname: "",
682 
+        lastname: "",
683 
+        contactnumber: "",
684 
+        email: "",
685 
+        tenantname: "",
686 
+        contactoremail: response.data.result.email,
687 
+        IsSignup: false,
688 
+        IsRegisterUser: false,
689 
+        IsForgotPswd: true,
690 
+        UnibaseId: response.data.result.userName,
691 
+        OtpId: 0,
692 
+        UserOtp: "",
693 
+      };
694 
+      $('#email_validate_submit').hide()
695 
+      $(".loader-btn").show();
696 
+      const validate_email_res = await postAPIService(
697 
+        `account/sendotp`,
698 
+        forgotpassPayload
699 
+      );
700 
+      $(".loader-btn").hide();
701 
+      vaidate_otp = validate_email_res.data;
702 
+      console.log(validate_email_res);
703 
+      $(".email-validation").hide();
704 
+      $('.user_email').html(validate_email)
705 
+      $(".otp-validation .otp-input-group").show();
706 
+      $(".otp-validation .otp-input-group").on("paste", function (p) {
707 
+        let data = p.originalEvent.clipboardData.getData("text");
708 
+        let dataLength = data.length;
709 
+        for (let i = 0; i < dataLength; i++) {
710 
+          let input = $(
711 
+            '.otp-validation .otp-input-group input[tabindex="' + (i + 1) + '"]'
712 
+          );
713 
+          input.val(data.charAt(i));
714 
+          if (input.val().length >= input.attr("maxlength")) {
715 
+            let nextInput = $(
716 
+              '.otp-validation .otp-input-group input[tabindex="' +
717 
+                (i + 2) +
718 
+                '"]'
719 
+            );
720 
+            if (nextInput) {
721 
+              nextInput.focus();
722 
+            }
723 
+          }
724 
+        }
725 
+        p.preventDefault();
726 
+      });
727 
+
728 
+    }
729 
+    else{
730 
+      $('#email_validation_input').addClass('is-invalid');
731 
+      $('#email_validation_input').after(`<div class="invalid-feedback">Please enter Valid email</div>`);
732 
+
733 
+    }
734 
+  }
735 
+  $("#email_validate_proceed").click(async function () {
736 
+    debugger;
737 
+    let userotp='';
738 
+    let validate_email = $("#email_validation_input").val();
739 
+    $(".email-validate-div .otp-validation .otp-input-group input").each(function () {
740 
+      let presVal = $(this).val();
741 
+      userotp += presVal;
742 
+    });
743 
+
744 
+     if(userotp.length == 6){
745 
+      const validateForgotpass = {
746 
+        email: validate_email,
747 
+         otpid: vaidate_otp,
748 
+         userotp: userotp,
749 
+       };
750 
+       $('#email_validate_proceed').hide()
751 
+       $(".loader-btn").show();
752 
+       const validate_email_resopt = await postAPIService(
753 
+         `hyperfusion/validateotp`,
754 
+         validateForgotpass
755 
+      );
756 
+
757 
+      $(".loader-btn").hide();
758 
+      $('#email_validate_proceed').show()
759 
+       const Resotp = validate_email_resopt.data.result;
760 
+       if (Resotp == "Otp verified successfully") {
761 
+       $(".login_section").show();
762 
+       $(".otp-validation .otp-input-group").hide();
763 
+       $("#email_validate_back").hide();
764 
+       $('.error_msg').hide();
765 
+       } else {
766 
+         // toasterOpts()
767 
+         // Command: toastr["error"]("Please enter Valid OTP");
768 
+         $('.error_msg').show();
769 
+         $('.error_msg .error_msg_res').html("Please enter Valid OTP");
770 
+       }
771 
+     }
772 
+     else{
773 
+      $('.error_msg').show();
774 
+      $('.error_msg .error_msg_res').html("Please enter OTP");
775 
+     }
776 
+  });
777 
+  });
778 
+
779 
+
780 
+initLogin();

+ 110
- 0
dist/Js/components/accordion/accordion.js Visa fil 

@@ -0,0 +1,110 @@
1 
+class AccordionItem extends HTMLElement {
2 
+    static get observedAttributes() {
3 
+      return ['title'];
4 
+    }
5 
+
6 
+    #title = '';
7 
+    #collapsed = true;
8 
+
9 
+    constructor() {
10 
+      super();
11 
+      this.attachShadow({ mode: 'open' });
12 
+    }
13 
+
14 
+    connectedCallback() {
15 
+      this.update();
16 
+      this.shadowRoot.addEventListener('click', this.toggle.bind(this));
17 
+    }
18 
+
19 
+    attributeChangedCallback(name, oldValue, newValue) {
20 
+      if (name === 'title') {
21 
+        this.#title = newValue;
22 
+      }
23 
+      this.update();
24 
+    }
25 
+
26 
+    toggle() {
27 
+      this.#collapsed = !this.#collapsed;
28 
+      this.update();
29 
+
30 
+      // Dispatch a custom event to notify the parent AccordionElement
31 
+      const event = new CustomEvent('accordion-item-toggle', {
32 
+        bubbles: true,
33 
+        detail: {
34 
+          collapsed: this.#collapsed,
35 
+          item: this,
36 
+        },
37 
+      });
38 
+      this.dispatchEvent(event);
39 
+    }
40 
+
41 
+    update() {
42 
+      this.shadowRoot.innerHTML = `
43 
+        <style>
44 
+          .accordion-item {
45 
+
46 
+          }
47 
+          .accordion-title {
48 
+            display: flex;
49 
+            justify-content: space-between;
50 
+            align-items: center;
51 
+            cursor: pointer;
52 
+            padding: 0.5rem;
53 
+            background-color: white;
54 
+          }
55 
+          .accordion-title:hover {
56 
+            background-color: white;
57 
+          }
58 
+          .accordion-title::after {
59 
+            content: '${this.#collapsed ? '+' : '−'}';
60 
+            font-size: 1rem;
61 
+            font-weight: bold;
62 
+            color: #777;
63 
+            margin-left: 0.5rem;
64 
+          }
65 
+          .accordion-content {
66 
+            padding: 0.5rem;
67 
+            display: ${this.#collapsed ? 'none' : 'block'};
68 
+          }
69 
+        </style>
70 
+        <div class="accordion-item">
71 
+          <div class="accordion-title">${this.#title}</div>
72 
+          <div class="accordion-content">
73 
+            <slot></slot>
74 
+          </div>
75 
+        </div>
76 
+      `;
77 
+    }
78 
+  }
79 
+
80 
+  class AccordionElement extends HTMLElement {
81 
+    #activeItem = null;
82 
+
83 
+    constructor() {
84 
+      super();
85 
+      this.attachShadow({ mode: 'open' });
86 
+      this.shadowRoot.innerHTML = '<slot></slot>';
87 
+      this.addEventListener('accordion-item-toggle', this.handleItemToggle.bind(this));
88 
+    }
89 
+
90 
+    handleItemToggle(event) {
91 
+      const { collapsed, item } = event.detail;
92 
+
93 
+      // If the active item is different from the toggled item, collapse the active item
94 
+      if (this.#activeItem && this.#activeItem !== item && !collapsed) {
95 
+        this.#activeItem.toggle();
96 
+      }
97 
+
98 
+      // Update the active item
99 
+      if (!collapsed) {
100 
+        this.#activeItem = item;
101 
+      } else if (this.#activeItem === item) {
102 
+        this.#activeItem = null;
103 
+      }
104 
+    }
105 
+  }
106 
+
107 
+  customElements.define('accordion-item', AccordionItem);
108 
+  customElements.define('accordion-element', AccordionElement);
109 
+
110 
+

+ 79
- 0
dist/Js/myaccount/support_tickets.js Visa fil 

@@ -0,0 +1,79 @@
1 
+function supportTicketMain() {
2 
+    // https://qa.anwisystems.com/apis/v4/anwisystems/integrations/products/getticket/contactid/{contactid}
3 
+    let cookieRes = COOKIE_HELPER_ACTIONS.getCookie();
4 
+    let { userId } = cookieRes;
5 
+    init()
6 
+    function init() {
7 
+        getTickets();
8 
+    };
9 
+
10 
+    async function getTickets() {
11 
+        let res = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/anwisystems/integrations/products/getticket/contactid/${userId}`);
12 
+
13 
+        if (res.isError) {
14 
+            toasterHelper("error", res.errorMsg);
15 
+            return;
16 
+        }
17 
+
18 
+        res = JSON.parse(res.response.result);
19 
+
20 
+        if (!res.length) {
21 
+            $('.nosupportticket').removeClass('d-none');
22 
+            $('.headersupportlist').addClass('d-none');
23 
+            return;
24 
+        } else {
25 
+            $('.nosupportticket').addClass('d-none');
26 
+            $('.headersupportlist').removeClass('d-none');
27 
+        }
28 
+
29 
+        let supportHTMLTicketList = '';
30 
+
31 
+        debugger
32 
+        for (let i = 0; i < res.length; i++) {
33 
+            supportHTMLTicketList += getTicketHTML(res[i]);
34 
+        }
35 
+
36 
+        $('.support-list-container').html(supportHTMLTicketList);
37 
+
38 
+
39 
+        console.log(res, "support");
40 
+
41 
+
42 
+    }
43 
+
44 
+
45 
+    function getTicketHTML(ticket) {
46 
+        let color = '';
47 
+        let prioityName = ticket[`Priority Name`];
48 
+        if (prioityName.toLowerCase() === 'low') {
49 
+            color = 'info';
50 
+        } else if (prioityName.toLowerCase() === 'high') {
51 
+            color = 'danger';
52 
+        } else {
53 
+            color = 'warning';
54 
+        }
55 
+
56 
+
57 
+
58 
+        //<a href="#" data-bs-toggle="modal" data-bs-target="#supportmodalticket" class="supportlistview d-block
59 
+        return `<a href="supportticket.html?ticketno=${ticket[`ticketno`]}"  class="supportlistview d-block    bg-gradient-anwi-outline btn-sm btn "><div class="p-2"><div class="card p-2">
60 
+    <div class="row ">
61 
+    <div class="col-sm-3">
62 
+        ${ticket[`Raised Date`]}
63 
+    </div>
64 
+    <div class="col-sm-3">
65 
+
66 
+        ${ticket[`ticketno`]}
67 
+    </div>
68 
+    <div class="col-sm-3 text-center">
69 
+
70 
+        ${ticket[`Stage Name`]}
71 
+    </div>
72 
+    <div class="col-sm-3 text-center">
73 
+
74 
+       <span class="badge  badge-${color} text-bg-${color}">${prioityName}</span>
75 
+    </div>
76 
+</div>
77 
+    </div></div> </a>`;
78 
+    }
79 
+}

+ 453
- 0
dist/Js/navbar_okay.js Visa fil 

@@ -0,0 +1,453 @@
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"' :''}>
53 
+            <div class="header-large-device">
54 
+                <div class="header-bottom sticky-bar">
55 
+                    <div class="container">
56 
+                        <div class="header-bottom-flex">
57 
+                            <div class="logo-menu-wrap d-flex">
58 
+                                <div class="logo">
59 
+                                    <a href="../index.html">
60 
+                                        <img src="/dist/assets/imgs/anwi-logo-2.png" alt="logo" class="w-50">
61 
+                                    </a>
62 
+                                </div>
63 
+                                <div class="main-menu menu-lh-1 main-menu-padding-1">
64 
+                                    <nav>
65 
+                                        <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>
100 
+                                                            </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>
122 
+                                                            </div>
123 
+                                                        </div>
124 
+                                                  </div>
125 
+                                                </li>
126 
+                                                </ul>
127 
+                                            </li>
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>
150 
+                                                            </div>
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>
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>
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>
172 
+                                                            </div>
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>
199 
+                                        </ul>
200 
+                                    </nav>
201 
+                                </div>
202 
+                            </div>
203 
+                            <div class="header-action-wrap header-action-flex header-action-width header-action-mrg-1">
204 
+                                <div class="same-style">
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>
209 
+                                </div>
210 
+                                <div class="same-style header-cart">
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>
216 
+                                </div>
217 
+                            </div>
218 
+                        </div>
219 
+                    </div>
220 
+                </div>
221 
+            </div>
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">
224 
+                    <div class="row align-items-center">
225 
+                        <div class="col-6 header-action-wrap">
226 
+                            <div class="d-flex">
227 
+                                <div class="same-style header-info">
228 
+                                    <button class="mobile-menu-button-active">
229 
+                                        <span class="info-width-1"></span>
230 
+                                        <span class="info-width-2"></span>
231 
+                                        <span class="info-width-3"></span>
232 
+                                    </button>
233 
+                                </div>
234 
+                                <div class="mobile-logo mobile-logo-width ps-3">
235 
+                                    <a href="../index.html">
236 
+                                        <img alt="" src="/dist/assets/imgs/anwi-logo-1.png" class="w-50">
237 
+                                    </a>
238 
+                                </div>
239 
+                            </div>
240 
+                        </div>
241 
+                        <div class="col-6">
242 
+                            <div class="header-action-wrap header-action-flex header-action-mrg-1">
243 
+                                <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>
245 
+                                </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>
248 
+                                <span class="position-absolute cartnumcount d-none"  style="top:-27%;right:-80%">0</span>
249 
+                                </a>
250 
+                                </div>
251 
+                            </div>
252 
+                        </div>
253 
+                    </div>
254 
+                </div>
255 
+            </div>
256 
+        </header>
257 
+        <!-- Mobile menu start -->
258 
+        <div class="mobile-menu-active clickalbe-sidebar-wrapper-style-1">
259 
+            <div class="clickalbe-sidebar-wrap">
260 
+            <div class="row pb-2 border-bottom">
261 
+                <div class="col-6">
262 
+                    <div class="mobile-logo mobile-logo-width">
263 
+                        <a href="../index.html">
264 
+                            <img alt="" src="/dist/assets/imgs/anwi-logo-1.png" class="w-75">
265 
+                        </a>
266 
+                    </div>
267 
+                </div>
268 
+                <div class="col-6 text-end pe-4">
269 
+                    <a class="sidebar-close"><i class="fa-solid fa-xmark"></i></a>
270 
+                </div>
271 
+            </div>
272 
+
273 
+                <div class="mobile-menu-content-area sidebar-content-100-percent pt-3">
274 
+                    <div class="mobile-search d-none">
275 
+                        <form class="search-form" action="#">
276 
+                            <input type="text" placeholder="Search here…" class="satoshi_font">
277 
+                            <button class="button-search"><i class="fa-solid fa-magnifying-glass"></i></button>
278 
+                        </form>
279 
+                    </div>
280 
+                    <div class="clickable-mainmenu-wrap clickable-mainmenu-style1">
281 
+                        <nav>
282 
+                            <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>
285 
+                                <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>
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>
289 
+                            </ul>
290 
+                        </nav>
291 
+                    </div>
292 
+                    <div class="mobile-curr-lang-wrap d-none">
293 
+                        <div class="single-mobile-curr-lang">
294 
+                            <a class="mobile-language-active" href="#">Language <i class="icofont-simple-down"></i></a>
295 
+                            <div class="lang-curr-dropdown lang-dropdown-active">
296 
+                                <ul>
297 
+                                    <li><a href="#">English</a></li>
298 
+                                    <li><a href="#">Spanish</a></li>
299 
+                                    <li><a href="#">Hindi </a></li>
300 
+                                </ul>
301 
+                            </div>
302 
+                        </div>
303 
+                    </div>
304 
+                    <div class="aside-contact-info d-none">
305 
+                        <ul>
306 
+                            <li><i class="icofont-clock-time"></i>Monday - Friday: 9:00 - 19:00</li>
307 
+                            <li><i class="icofont-envelope"></i>Info@example.com</li>
308 
+                            <li><i class="icofont-stock-mobile"></i>(+55) 254. 254. 254</li>
309 
+                            <li><i class="icofont-home"></i>Helios Tower 75 Tam Trinh Hoang - Ha Noi - Viet Nam</li>
310 
+                        </ul>
311 
+                    </div>
312 
+                </div>
313 
+            </div>
314 
+        </div>`;
315 
+    $("#navbar-head").html(nav_html);
316 
+    let width = $(window).width();
317 
+    $(".menu-negative-mrg2,.menu-negative-mrg3,.menu-negative-mrg4").css("width", width);
318 
+    let ele_page = $("body").hasClass("product_pg");
319 
+    if (ele_page == true) {
320 
+        $(".header-area").removeClass("bg-white");
321 
+        $(".main-menu").find("nav ul li a").addClass("text-white");
322 
+        $(".header-bottom.sticky-bar").removeClass("sticky-bar");
323 
+        let src = `../dist/assets/imgs/anwi-logo-2.png`;
324 
+        $(".logo-menu-wrap").find("a img").attr("src", src);
325 
+        $(".main-body").find("iframe").attr("width", width);
326 
+        if (width <= 575 && width >= 390) {
327 
+            $(".main-body").find("iframe").attr({
328 
+                width: width,
329 
+                height: 236,
330 
+            })
331 
+        } else if (width <= 390 && width >= 270) {
332 
+            $(".main-body").find("iframe").attr({
333 
+                width: width,
334 
+                height: 210,
335 
+            });
336 
+        } else if (width <= 998 && width > 575) {
337 
+            $(".main-body").find("iframe").attr({
338 
+                width: width,
339 
+                height: 530,
340 
+            });
341 
+        } else if (width <= 2720 && width > 1920) {
342 
+            $(".main-body").find("iframe").attr({
343 
+                width: width,
344 
+                height: 1440,
345 
+            });
346 
+        } else {
347 
+            $(".main-body").find("iframe").attr({
348 
+                width: width,
349 
+                height: 860,
350 
+            });
351 
+        }
352 
+    }
353 
+
354 
+
355 
+    $("a.ram_data").click(function () {
356 
+        let item_id = $(this).attr("accessories_id");
357 
+        let loc_path = '/products.html'
358 
+        if (window.location.pathname.includes(loc_path)) {
359 
+            window.location.href = `?itemid=${item_id}`
360 
+        }
361 
+        else {
362 
+            window.location.href = `/products.html#itemid=${item_id}`;
363 
+        }
364 
+    })
365 
+
366 
+
367 
+    // $(".main-menu nav ul").find("li").each(function () {
368 
+    //     var current = window.location.pathname;
369 
+    //     var $this = $(this).find("a");
370 
+    //     if (current != "/") {
371 
+    //         if ($this.attr('href').indexOf(current) !== -1) {
372 
+    //             $(this).addClass('active_nav');
373 
+    //         }
374 
+    //     }
375 
+
376 
+    // })
377 
+
378 
+    // destroy localstorage data
379 
+    let loc_path = '/productdetails.html';
380 
+    if (window.location.pathname.includes(loc_path) === false) {
381 
+        localStorage.removeItem("product_data");
382 
+        localStorage.removeItem("top_data")
383 
+    }
384 
+    let loc_path1 = '/productcatloguedetails.html';
385 
+    if (window.location.pathname.includes(loc_path1) === false) {
386 
+        localStorage.removeItem("product_catlogue_obj");
387 
+    }
388 
+
389 
+    //services pages links and sources
390 
+
391 
+    let $body_pg = $("body").hasClass("services_page");
392 
+    let $hm_pg = "../index.html";
393 
+    let $nav_img = "../dist/assets/imgs/anwi-logo-1.png";
394 
+    let $footer_img = "../dist/assets/imgs/anwi-logo-2.png";
395 
+    let $scrool_top_img = "../dist/assets/imgs/Home/rocket-footer.png";
396 
+    let $about_pg = $("body").hasClass("about_page");
397 
+    if($about_pg == true){
398 
+        debugger
399 
+        $(".main-menu").find("nav ul li a").addClass("text-dark");
400 
+        let img_src = `./dist/assets/imgs/anwi-logo-1.png`;
401 
+        $(".logo-menu-wrap").find("a img").attr("src",img_src);
402 
+        $(".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");
404 
+    }
405 
+    if ($body_pg == true) {
406 
+        $(".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);
408 
+        $(".mobile-logo").find("a").attr("href", $hm_pg);
409 
+        $(".mobile-logo").find("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");
411 
+        $(".main-menu").find("nav ul").find("li a").each(function () {
412 
+            $(this).addClass("text-dark")
413 
+            $(".header-bottom").addClass("sticky-bar stick");
414 
+            let $arc = $(this).attr("href");
415 
+            let $spcial_char = $arc.includes("./");
416 
+            if ($spcial_char === true) {
417 
+                let $refarence = `.${$arc}`
418 
+                $(this).attr("href", $refarence);
419 
+            }
420 
+
421 
+        });
422 
+        $(".same-style").find("a").each(function () {
423 
+            let $arc1 = $(this).attr("href");
424 
+            let $spcial_char1 = $arc1.includes("./");
425 
+            if ($spcial_char1 === true) {
426 
+                let $refarence1 = `.${$arc1}`
427 
+                $(this).attr("href", $refarence1);
428 
+            }
429 
+        })
430 
+        $(".tab-content").find("img").each(function(){
431 
+            let $img_src = $(this).attr("src");
432 
+            let $img_src1 = $img_src.includes("./");
433 
+            if ($img_src1 === true) {
434 
+                let $refarenceimg1 = `.${$img_src}`;
435 
+                $(this).attr("src", $refarenceimg1);
436 
+            }
437 
+        });
438 
+        $(".clickable-mainmenu-wrap").find("nav ul").find("li a").each(function () {
439 
+            let $arc_mbil = $(this).attr("href");
440 
+            let $spcial_char_mbil = $arc_mbil.includes("./");
441 
+            if ($spcial_char_mbil === true) {
442 
+                let $refarence_mbil = `.${$arc_mbil}`
443 
+                $(this).attr("href", $refarence_mbil);
444 
+            }
445 
+        });
446 
+    }
447 
+
448 
+    setTimeout(()=>{
449 
+        if(width<=600){
450 
+            $('.same-style').find('svg path').attr('fill','#000')
451 
+        }
452 
+    },300)
453 
+}

+ 943
- 0
dist/Js/productdetails/laptopd.js Visa fil 

@@ -0,0 +1,943 @@
1 
+function startDetails() {
2 
+    // http://127.0.0.1:5502/productdetails.html?productId=106633230000024
3 
+
4 
+    if (window.location.search.split('=')[0] == '') {
5 
+        window.location.href = "/notfound.html";
6 
+        return;
7 
+    }
8 
+    let productId = window.location.hash.split('#')[1].split('=')[1];
9 
+   // console.log(productId);
10 
+    let itemtagscombinationRes = null;
11 
+    let labels = {};
12 
+    let isThereInLabel = {};
13 
+    let currentComb = null;
14 
+
15 
+    let colorId = null;
16 
+
17 
+    let group = {};
18 
+
19 
+    let loadingActions = {
20 
+        addLoader() {
21 
+            $('.loadingCall').removeClass('d-none');
22 
+            $('.mainContanierProduct').addClass('d-none');
23 
+        },
24 
+        removeLoader() {
25 
+            $('.loadingCall').addClass('d-none');
26 
+            $('.mainContanierProduct').removeClass('d-none');
27 
+        }
28 
+    }
29 
+
30 
+    let currentClick = null;
31 
+
32 
+    if (productId) {
33 
+        swapSectionsVideo();
34 
+        loadingActions.addLoader();
35 
+        updateProductId(productId);
36 
+        getProductDetails(productId);
37 
+        appendSpecs(productId)
38 
+    } else {
39 
+        window.location.href = "/notfound.html"
40 
+    }
41 
+
42 
+    function updateProductId(val) {
43 
+        $('#productidtag').val(val);
44 
+    }
45 
+
46 
+    function updateItemId(val) {
47 
+        $('#itemidtag').val(val);
48 
+    }
49 
+
50 
+    let specification_wrap_action = {
51 
+        remove() {
52 
+
53 
+            $('.specification-wrap').addClass('d-none');
54 
+        },
55 
+
56 
+        add() {
57 
+            $('.specification-wrap').removeClass('d-none');
58 
+        }
59 
+    }
60 
+
61 
+    let description_action = {
62 
+        addVal(value) {
63 
+            $('.description-wrap > p').html(value);
64 
+        },
65 
+
66 
+        removeVal(value) {
67 
+            $('.description-wrap > p').html('');
68 
+        }
69 
+    }
70 
+
71 
+    function getSpecsItemHTML({ name, des, itemid, id }) {
72 
+        let isMobile = $(window).width()<=600 ? '' : '';
73 
+        let addPaddM =  $(window).width()<=600 ? 'py-2' : 'py-4';
74 
+        return `<div id="${id}" data-specitemid="${itemid}" >
75 
+        <div class="row   border-bottom">
76 
+            <div class="col-sm-3 ${isMobile} font-weight-600  ${addPaddM} ">
77 
+            ${name}
78 
+            </div>
79 
+            <div class="col-sm-9  py-2 d-flex align-items-center">
80 
+            ${des}
81 
+            </div>
82 
+        </div>
83 
+    </div>`;
84 
+    }
85 
+    // function getSpecsItemHTML({name,des,itemid,id}){
86 
+    //     return ` <tr id="${id}" data-specitemid="${itemid}">
87 
+    //     <td style="width:200px">${name}</td>
88 
+    //     <td class="">${des}</td>
89 
+    // </tr>`;
90 
+    // }
91 
+
92 
+    async function appendSpecs(id) {
93 
+        let resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/itemspecifications/itemid/${id}`, true);
94 
+
95 
+        if (resData.isError) {
96 
+            $('.productdetailstabs').addClass('d-none');
97 
+            $('.specContainerleft').html('')
98 
+            $('.specContainerRight').html('')
99 
+            return;
100 
+        }
101 
+        $('.productdetailstabs ').removeClass('d-none');
102 
+        const res = resData.response;
103 
+   //     console.log(JSON.parse(res.result));
104 
+        const data = JSON.parse(res.result);
105 
+     //   console.log(data);
106 
+        let html = '';
107 
+        let leftHtml = '';
108 
+        let rightHtml = '';
109 
+
110 
+        if (data.length == 0) {
111 
+            $('.productdetailstabs ').addClass('d-none');
112 
+            $('.specContainerleft').html('')
113 
+            $('.specContainerRight').html('')
114 
+            return;
115 
+        }
116 
+
117 
+        for (let i = 0; i < data.length; i++) {
118 
+            const { specificationname, specificationitemid, itemid, description } = data[i];
119 
+            if ((i + 1) % 2 == 0) {
120 
+                rightHtml += getSpecsItemHTML({
121 
+                    name: specificationname, id: specificationitemid, itemid, des: description
122 
+                })
123 
+            } else {
124 
+                leftHtml += getSpecsItemHTML({
125 
+                    name: specificationname, id: specificationitemid, itemid, des: description
126 
+                });
127 
+            }
128 
+
129 
+        }
130 
+
131 
+        $('.specContainerleft').html(leftHtml)
132 
+        $('.specContainerRight').html(rightHtml)
133 
+
134 
+    }
135 
+
136 
+
137 
+    function getParentHTML(name, productid, id, isMain) {
138 
+        return `<div data-parentidgroup="${name?.replace(" ", '')}-parent" class="pb-2 groupingitems_search ${name?.replace(" ", '')}-parent">
139 
+        <h5 class="py-2 smallHeadingProductDetails">${name}</h5>
140 
+        <div class="d-flex gap-2 flex-lg-row flex-wrap ${id}container" data-tagid="${id}">
141 
+
142 
+        </div>
143 
+    </div>`;
144 
+    }
145 
+
146 
+    function onClickHandler(e) {
147 
+
148 
+        $(e).parent().find('.borderselector').removeClass('borderselector');
149 
+
150 
+        $(e).addClass('borderselector')
151 
+
152 
+    }
153 
+
154 
+    function getChildHTML(tagid, name, isTrue,parentid) {
155 
+
156 
+        let blue = '#253746';
157 
+        let greenLight = '#5e7975';
158 
+        let brown = '#624839';
159 
+        let bgColor = '';
160 
+       if(name === 'Deep Sea Blue'){
161 
+        bgColor = blue;
162 
+       }else if(name == 'Desert Brown'){
163 
+        bgColor =  brown;
164 
+       }else if(name == 'Eucalyptus Green'){
165 
+        bgColor = greenLight;
166 
+       }
167 
+
168 
+        if(colorId == parentid){
169 
+            return `
170 
+            <div data-type="${tagid}-${name}" data-tagiditem="${tagid}" class="specsmallcard optiontaganwi ${isTrue ? 'borderselector' : ''} colorselector card text-center small-font cursor-pointer ">
171 
+        <span  style="
172 
+        height: 25px;
173 
+        border-radius: 5px;
174 
+        width:25px;
175 
+        background: ${bgColor} !important;
176 
+        pointer-events:none;
177 
+
178 
+    "></span>
179 
+            </div> `
180 
+        }
181 
+        return `
182 
+            <div data-type="${tagid}-${name}" data-tagiditem="${tagid}" class="specsmallcard optiontaganwi ${isTrue ? 'borderselector' : ''} card text-center small-font cursor-pointer p-3">
183 
+                ${name}
184 
+            </div> `
185 
+
186 
+
187 
+    }
188 
+
189 
+    function addeventlisteners() {
190 
+
191 
+        $('.optiontaganwi').each(function (i, el) {
192 
+            $(el).click(function (e) {
193 
+
194 
+                $('#quantity').val(1);
195 
+
196 
+                $(e.target).parent().find('.borderselector').removeClass('borderselector');
197 
+                $(e.target).addClass('borderselector');
198 
+
199 
+                currentClick = e.target;
200 
+                ;
201 
+             //searchComb();
202 
+                // getAllCombination();
203 
+                getandsetCombination();
204 
+
205 
+            })
206 
+        });
207 
+
208 
+    }
209 
+
210 
+    function getandsetCombination(){
211 
+
212 
+        let keyOption = $(currentClick).data('tagiditem');
213 
+        $('.disabled-option-item').removeClass('disabled-option-item');
214 
+        let tagsNames = [];
215 
+
216 
+
217 
+
218 
+        let currOptionAvaIds = {};
219 
+
220 
+        $('.borderselector').each(function (i,e){
221 
+            let id = $(e).data('tagiditem');
222 
+            tagsNames.push(id);
223 
+        });
224 
+
225 
+
226 
+        for(let i=0;i<itemtagscombinationRes.length;i++){
227 
+            let tagItems = itemtagscombinationRes[i].tagids;;
228 
+            if(tagItems.includes(keyOption)){
229 
+                let splitArr = tagItems.split('|');
230 
+                for(let j=0;j<splitArr.length;j++){
231 
+                    if(keyOption){
232 
+                        currOptionAvaIds[splitArr[j]] = splitArr[j];
233 
+                    }
234 
+
235 
+                }
236 
+            }
237 
+        }
238 
+
239 
+      //  console.log(currOptionAvaIds);
240 
+//console.log(itemtagscombinationRes);
241 
+        let parentsArr = [];
242 
+        $('.optiontaganwi').each(function (i,e){
243 
+
244 
+            let currParent = $(e).parents('.groupingitems_search');
245 
+
246 
+            if(currParent.find(`[data-tagiditem="${keyOption}"]`).length==0){
247 
+                let currId = $(e).data('tagiditem');
248 
+                if(!currOptionAvaIds[currId]){
249 
+                    if($(e).hasClass('borderselector')){
250 
+                        parentsArr.push(currParent);
251 
+                        $(e).removeClass('borderselector');
252 
+                    }
253 
+                    $(e).addClass('disabled-option-item');
254 
+                }
255 
+            }
256 
+        });
257 
+
258 
+        for(let i=0;i<parentsArr.length;i++){
259 
+            let currParent = parentsArr[i];
260 
+            currParent.find('.optiontaganwi').each(function (j,e){
261 
+                let isTrue = $(e).hasClass('disabled-option-item');
262 
+                if(!isTrue){
263 
+                    $(e).addClass('borderselector');
264 
+                    return false;
265 
+                }
266 
+            });
267 
+        }
268 
+
269 
+        // $('.optiontaganwi').addClass('disabled-option-item');
270 
+        let parentId = $(currentClick).parents('.groupingitems_search');
271 
+        let parentData = $(parentId).data('parentidgroup');
272 
+        let parentArr = [];
273 
+       $('.groupingitems_search').each(function (i,e){
274 
+           const curParentId =  $(e).data('parentidgroup');
275 
+           if(parentData != curParentId){
276 
+            let obj = {
277 
+                name:$(e).find('.smallHeadingProductDetails').html(),
278 
+                arr:[]
279 
+            }
280 
+                $(e).find('.optiontaganwi').each(function (j,evt){
281 
+                    let id = $(evt).data('tagiditem');
282 
+                    obj.arr.push(id);
283 
+                });
284 
+                parentArr.push(obj);
285 
+
286 
+           }
287 
+       })
288 
+
289 
+      // console.log(parentArr);
290 
+
291 
+       let arrone = parentArr[0].arr;
292 
+       let arrtwo = [];
293 
+       if(parentArr.length>1){
294 
+        arrtwo = parentArr[1]?.arr;
295 
+       }
296 
+
297 
+       let currId = keyOption;
298 
+       let ids = [];
299 
+       for(let i=0;i<arrone.length;i++){
300 
+        //let currEl = [currId,arrone[i]];
301 
+        let currEl = ``
302 
+        for(let j=0;j<arrtwo.length;j++){
303 
+            currEl = `${currId}|${arrone[i]}|${arrtwo[j]}`;
304 
+
305 
+            ids.push(currEl);
306 
+            currEl = '';
307 
+        }
308 
+
309 
+       }
310 
+       console.log(ids,'ids');
311 
+       let findObj = [];
312 
+       debugger
313 
+       for(let i=0;i<ids.length;i++){
314 
+
315 
+        let curId = ids[i]
316 
+        for(let j=0;j<itemtagscombinationRes.length;j++){
317 
+            const currItem = itemtagscombinationRes[j].tagids.split('|');
318 
+            let isTrue = true;
319 
+            for(let k=0;k<currItem.length;k++){
320 
+                if(!curId.includes(currItem[k])){
321 
+                    isTrue = false;
322 
+                    break;
323 
+                }
324 
+            }
325 
+
326 
+            if(isTrue){
327 
+                findObj.push(itemtagscombinationRes[j]);
328 
+            }
329 
+        }
330 
+       }
331 
+
332 
+
333 
+       //console.log(findObj);
334 
+
335 
+       $('.optiontaganwi').addClass('disabled-option-item');
336 
+
337 
+debugger;
338 
+       for(let i=0;i<findObj.length;i++){
339 
+
340 
+        let item = findObj[i].tagids.split('|');
341 
+        for(let j=0;j<item.length;j++){
342 
+            $(`[data-tagiditem=${item[j]}]`).removeClass('disabled-option-item');
343 
+        }
344 
+
345 
+       }
346 
+
347 
+       $(parentId).find('.optiontaganwi').each(function (i,e){
348 
+        $(e).removeClass('disabled-option-item')
349 
+       });
350 
+
351 
+
352 
+       for(let i=0;i<itemtagscombinationRes.length;i++){
353 
+        let currIds = itemtagscombinationRes[i].tagids;
354 
+        let isTrue = true;
355 
+        let isPro = false;
356 
+
357 
+        for(let j=0;j<tagsNames.length;j++){
358 
+            if(tagsNames.join().includes('106631360000128')&&(tagsNames.join().includes('106631360000132')||tagsNames.join().includes('106631360000133'))){
359 
+                isPro = true;
360 
+            }
361 
+            if(!currIds.includes(tagsNames[j])){
362 
+                isTrue = false;
363 
+            }
364 
+        }
365 
+
366 
+        if(isTrue){
367 
+            const { quantity } = itemtagscombinationRes[i];
368 
+            if (true) {
369 
+                currentComb = itemtagscombinationRes[i];
370 
+
371 
+                updateDetailsByObj(itemtagscombinationRes[i]);
372 
+
373 
+                if(isPro){
374 
+                    $(`[data-tagiditem="106631360000089"]`).addClass(' disabled-option-item')
375 
+                    $(`[data-tagiditem="106631360000088"]`).addClass(' disabled-option-item')
376 
+                }
377 
+
378 
+
379 
+            } else {
380 
+
381 
+                let name = itemtagscombinationRes[i].itemname.split('-')[0];
382 
+                $('#addtocart').addClass('disabled');
383 
+                let itemsName = name;
384 
+                $('.borderselector').each(function (i, e) {
385 
+                    itemsName += ` ${$(e).html().trim()}`;
386 
+                });
387 
+
388 
+                updateItemId(null);
389 
+
390 
+                let defaultImg = itemtagscombinationRes[i].itemimageurl ? imgServerNameBuild(itemtagscombinationRes[i].itemimageurl) : `./dist/assets/imgs/nophoto.png`;
391 
+
392 
+                $('.productDetailsMain  > img').attr('src', defaultImg);
393 
+
394 
+                specification_wrap_action.remove();
395 
+                $('#skudetailitem').val(-1)
396 
+                $('.productname').html(itemsName)
397 
+
398 
+
399 
+                $('.msgErrorDetailsItem').removeClass('d-none');
400 
+                $('.des_productdes').html('');
401 
+                $('.price').html('');
402 
+            }
403 
+
404 
+            initAddToCart()
405 
+            return;
406 
+        }
407 
+
408 
+       }
409 
+
410 
+
411 
+
412 
+
413 
+        // return;
414 
+
415 
+
416 
+
417 
+
418 
+        return;
419 
+        let commonTags = [];
420 
+      //  $('.optiontaganwi').addClass('disabled-option-item')
421 
+
422 
+        for(let i=0;i<tagsNames.length;i++){
423 
+            let currtagName = tagsNames[i];
424 
+            let arr = currtagItemCom(currtagName);
425 
+            commonTags.push(arr);
426 
+        }
427 
+
428 
+
429 
+
430 
+         console.log(commonTags);
431 
+
432 
+        // for(let i=0;i<commonTags.length;i++){
433 
+        //     let currObj = commonTags[i];
434 
+        //     for(let item in currObj){
435 
+        //         console.log($(`[data-tagiditem="${item}"]`));
436 
+        //         $(`[data-tagiditem="${item}"]`).removeClass('disabled-option-item')
437 
+        //     }
438 
+        // }
439 
+
440 
+        let finalAns = {};
441 
+        let arra = [];
442 
+        for(let i=0;i<commonTags.length;i++){
443 
+            let currObj = commonTags[i];
444 
+            for(let item in currObj){
445 
+                let isTrue = true;
446 
+                for(let j=0;j<commonTags.length;j++){
447 
+                    if(j!=i){
448 
+                        let currComb = commonTags[j];
449 
+                        if(!currComb[item]){
450 
+                            isTrue = false;
451 
+                        }
452 
+                    }
453 
+                }
454 
+                if(isTrue){
455 
+                    arra.push(currObj[item])
456 
+                    finalAns[currObj[item]] = currObj[item];
457 
+                    $(`[data-tagiditem="${item}"]`).removeClass('disabled-option-item')
458 
+                }
459 
+            }
460 
+        }
461 
+
462 
+        // console.log(arra);
463 
+
464 
+
465 
+
466 
+
467 
+
468 
+
469 
+        // for(let i=0;i<itemtagscombinationRes.length;i++){
470 
+        //     let tagItems = itemtagscombinationRes[i].tagids;;
471 
+        //     if(tagItems.includes(keyOption)){
472 
+        //         let splitArr = tagItems.split('|');
473 
+        //         for(let j=0;j<splitArr.length;j++){
474 
+        //             commonTags[splitArr[j]] = splitArr[j];
475 
+        //         }
476 
+        //     }
477 
+        // }
478 
+
479 
+
480 
+
481 
+        // for(let i=0;i<currOptionAvaIds.length;i++){
482 
+        //     let currId = currOptionAvaIds[i];
483 
+        //     if(parentId.find(currId).length === 0){
484 
+        //         console.log(currId);
485 
+        //     }
486 
+        // }
487 
+    }
488 
+
489 
+
490 
+
491 
+    function currtagItemCom(keyOption){
492 
+        debugger;
493 
+        let arr = [];
494 
+        let commonTags = {};
495 
+        for(let i=0;i<itemtagscombinationRes.length;i++){
496 
+            let tagItems = itemtagscombinationRes[i].tagids;;
497 
+            if(tagItems.includes(keyOption)){
498 
+                let splitArr = tagItems.split('|');
499 
+                for(let j=0;j<splitArr.length;j++){
500 
+                    if(!commonTags[splitArr[j]]){
501 
+                        commonTags[splitArr[j]] = {
502 
+                        keyOption,
503 
+                        data:itemtagscombinationRes[i]
504 
+                        };
505 
+                        arr.push(splitArr[j]);
506 
+
507 
+                    }
508 
+
509 
+                }
510 
+            }
511 
+        }
512 
+
513 
+        return commonTags;
514 
+    }
515 
+
516 
+
517 
+
518 
+    function updateDetailsByObj(obj) {
519 
+        $('.productname').html(obj.itemname);
520 
+        $('.titleproductnav').html(obj.itemname);
521 
+        let  [currencySymbol, amount] = getCurrencySymbol(obj?.pricelist||0);
522 
+
523 
+        let commingSoonText = window.location.href.toLowerCase().includes('zeno')||window.location.href.toLowerCase().includes('fyro')
524 
+        $('.price').html(obj.pricelist ? `<span class="font-w600">${currencySymbol}${amount}</span>${commingSoonText?'<span class="mx-1 badge  bg-gradient-violet text-a-color">Coming Soon</span>':''}` : 'coming soon');
525 
+        $('.price').attr('data-price',obj.pricelist);
526 
+        appendSpecs(obj.itemid)
527 
+        $('#skudetailitem').val(obj.sku)
528 
+        $('.des_productdes').html(obj.itemdescription);
529 
+        $('#addtocart').attr('data-qty', obj.quantity);
530 
+
531 
+
532 
+        let defaultImg = obj.itemimageurl ? imgServerNameBuild(obj.itemimageurl) : `./dist/assets/imgs/nophoto.png`;
533 
+      //  console.log(obj.itemimageurl, 'obj.itemimageurlobj.itemimageurlobj.itemimageurl');
534 
+debugger;
535 
+let productId = window.location.hash.split('#')[1]?.split('=')[1];
536 
+let itemId = window.location.hash.split('#')[2]?.split('=')[1];
537 
+history.replaceState(undefined, undefined, `#productId=${productId}#itemid=${obj.itemid}`)
538 
+        $('.productDetailsMain  > img').attr('src', defaultImg).attr('loading','lazy');
539 
+
540 
+        updateItemId(obj.itemid);
541 
+
542 
+//console.log(obj,'objobjobj');
543 
+        if (!obj.pricelist || !obj.quantity) {
544 
+            $('.buynow').attr('disabled', true);
545 
+            $('#addtocart').attr('disabled', true);
546 
+        } else {
547 
+            $('.buynow').attr('disabled', false);
548 
+            $('#addtocart').attr('disabled', false);
549 
+        }
550 
+    }
551 
+
552 
+    function searchComb() {
553 
+        let valuesSelected = [];
554 
+        $('.optiontaganwi').removeClass('disabled-option-item')
555 
+
556 
+        $('#addtocart').removeClass('disabled');
557 
+        $('.msgErrorDetailsItem').addClass('d-none');
558 
+        $('.borderselector,border_selector').each(function (i, el) {
559 
+           // console.log($(el).html())
560 
+            let val = $(el).data('tagiditem');
561 
+            valuesSelected.push(val);
562 
+        });
563 
+
564 
+        let labelRecord = {};
565 
+
566 
+        for (let label in labels) {
567 
+            labelRecord[label] = false;
568 
+        }
569 
+
570 
+        specification_wrap_action.add();
571 
+
572 
+        let unFiler = null;
573 
+        for (let i = 0; i < itemtagscombinationRes.length; i++) {
574 
+            const currItem = itemtagscombinationRes[i];
575 
+            const { tagids } = currItem;
576 
+
577 
+
578 
+            let isTrue = true;
579 
+            let labelFilter = labelRecord;
580 
+
581 
+            for (let i = 0; i < valuesSelected.length; i++) {
582 
+
583 
+                if (!tagids.includes(valuesSelected[i])) {
584 
+                    isTrue = false
585 
+
586 
+                    unFiler = labelFilter;
587 
+                    break;
588 
+                }
589 
+                labelFilter[group[valuesSelected[i]]] = true;
590 
+            }
591 
+
592 
+            if (isTrue) {
593 
+              //  console.log(itemtagscombinationRes[i], 'itemtagscombinationRes[i]');
594 
+                const { quantity } = itemtagscombinationRes[i];
595 
+                if (quantity >= $('#quantity').val() && quantity >= 1) {
596 
+                    currentComb = itemtagscombinationRes[i];
597 
+                    // $('.productname').html(itemtagscombinationRes[i].itemname)
598 
+                    // $('.price').html(itemtagscombinationRes[i].pricelist);
599 
+                    // location.hash = itemtagscombinationRes[i].itemname.trim();
600 
+                    // appendSpecs(itemtagscombinationRes[i].itemid)
601 
+                    // history.replaceState(null, null, `#itemid=${itemtagscombinationRes[i].itemid}#${itemtagscombinationRes[i].itemname.trim()}`);
602 
+
603 
+                    // $('#skudetailitem').val(itemtagscombinationRes[i].sku)
604 
+                    // $('.des_productdes').html(itemtagscombinationRes[i].itemdescription);
605 
+                    updateDetailsByObj(itemtagscombinationRes[i]);
606 
+                } else {
607 
+
608 
+                    let name = itemtagscombinationRes[i].itemname.split('-')[0];
609 
+                    $('#addtocart').addClass('disabled');
610 
+                    let itemsName = name;
611 
+                    $('.borderselector').each(function (i, e) {
612 
+                        itemsName += ` ${$(e).html().trim()}`;
613 
+                    });
614 
+
615 
+                    updateItemId(null);
616 
+
617 
+                    let defaultImg = itemtagscombinationRes[i].itemimageurl ? imgServerNameBuild(itemtagscombinationRes[i].itemimageurl) : `./dist/assets/imgs/nophoto.png`;
618 
+                   // console.log(itemtagscombinationRes[i].itemimageurl, 'obj.itemimageurlobj.itemimageurlobj.itemimageurl');
619 
+
620 
+                    $('.productDetailsMain  > img').attr('src', defaultImg);
621 
+
622 
+                    specification_wrap_action.remove();
623 
+                    $('#skudetailitem').val(-1)
624 
+                    $('.productname').html(itemsName)
625 
+                    // history.replaceState(null, null, `#`);
626 
+
627 
+                    $('.msgErrorDetailsItem').removeClass('d-none');
628 
+                    $('.des_productdes').html('');
629 
+                    $('.price').html('');
630 
+                }
631 
+
632 
+                initAddToCart()
633 
+                return;
634 
+
635 
+            }
636 
+
637 
+        }
638 
+
639 
+
640 
+
641 
+        alert("j");
642 
+
643 
+        let name = itemtagscombinationRes[0].itemname.split('-')[0];
644 
+        let itemsName = name;
645 
+        $('.borderselector').each(function (i, e) {
646 
+            itemsName += `- ${$(e).html().trim()}`;
647 
+        })
648 
+        specification_wrap_action.remove();
649 
+        $('.productname').html(itemsName)
650 
+        $('#skudetailitem').val(-1)
651 
+        $('.price').html('');
652 
+        $('#addtocart').addClass('disabled');
653 
+        $('.msgErrorDetailsItem').removeClass('d-none');
654 
+
655 
+        initAddToCart()
656 
+    }
657 
+
658 
+    function getAllCombination() {
659 
+        debugger;
660 
+        const currClickAttr = $(currentClick).html().trim();
661 
+        const optionId = $(currentClick).data('tagiditem');
662 
+
663 
+        let curr = $(currentClick).parents('.groupingitems_search').data('parentidgroup');
664 
+        $('.groupingitems_search').each(function (i, e) {
665 
+            const id = $(e).data('parentidgroup');
666 
+            if (id != curr) {
667 
+                $(e).find('.optiontaganwi').addClass('disabled-option-item');
668 
+                $(e).find('.borderselector').removeClass('borderselector');
669 
+            }
670 
+        });
671 
+
672 
+        let ansArr = [];
673 
+        let index = 0;
674 
+        let comb = null;
675 
+        for(let i=0;i<itemtagscombinationRes.length;i++){
676 
+
677 
+            let currIds = itemtagscombinationRes[i].tagids;
678 
+
679 
+            if(currIds.includes(optionId)){
680 
+                currIds = currIds.split('|');
681 
+
682 
+                for(let j=0;j<currIds.length;j++){
683 
+                    debugger;
684 
+                    if(index==0 &&optionId != currIds[j] ) {
685 
+                        $(`[data-tagiditem="${currIds[j]}"]`).addClass('borderselector')
686 
+                        comb = itemtagscombinationRes[i];
687 
+                        index++;
688 
+                    }
689 
+                    $(`[data-tagiditem="${currIds[j]}"]`).removeClass('disabled-option-item');
690 
+
691 
+                    // $().parents('[data-tagid]').find()
692 
+                }
693 
+
694 
+            }
695 
+
696 
+
697 
+
698 
+        }
699 
+
700 
+      //  console.log(comb,'comb tag');
701 
+
702 
+        updateDetailsByObj(comb);
703 
+
704 
+        let currentItem = comb.tagids.split('|');
705 
+
706 
+        for(let i=0;i<currentItem.length;i++){
707 
+            $(`[data-tagiditem="${currentItem[i]}"]`).removeClass('disabled-option-item').addClass('borderselector');
708 
+        }
709 
+
710 
+        // history.replaceState(null, null, `#${comb.itemname}`);
711 
+        // window.location.href =  `#${comb.itemname}`
712 
+        console.log(itemtagscombinationRes,'gobal');
713 
+        return;
714 
+
715 
+
716 
+    };
717 
+
718 
+
719 
+
720 
+
721 
+
722 
+    async function getProductDetails(id) {
723 
+
724 
+
725 
+        debugger;
726 
+
727 
+        let resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/productattributelist/productid/${id}`, true);
728 
+
729 
+
730 
+
731 
+        if (resData.isError) {
732 
+            loadingActions.removeLoader();
733 
+            alert(resData.errorMsg.message);
734 
+            return;
735 
+        }
736 
+
737 
+        if(resData.response.result == '[]' || !resData.response.result){
738 
+            $('.barbgnav').removeClass('d-none')
739 
+            loadingActions.removeLoader();
740 
+            toasterHelper("Something Went Wrong")
741 
+            return;
742 
+        }
743 
+
744 
+        let res = resData.response;
745 
+
746 
+
747 
+        res = JSON.parse(res.result);
748 
+       // console.log(res,'resDataresDataresDataresDataresData');
749 
+       // console.log(res, 'productattributelist');
750 
+
751 
+        if (!res) {
752 
+            loadingActions.removeLoader();
753 
+            return;
754 
+        };
755 
+
756 
+
757 
+
758 
+
759 
+        let html = '';
760 
+
761 
+        for (let i = 0; i < res.length; i++) {
762 
+            const currItem = res[i];
763 
+            // parenttagid means under what label
764 
+            // tag id means it know unquie id
765 
+            const { parentattribute, parenttagid, tagid, attribute, productid } = currItem;
766 
+
767 
+            if (labels[parentattribute]) {
768 
+                labels[parentattribute].items.push({
769 
+                    attribute,
770 
+                    tagid: tagid
771 
+                });
772 
+            } else {
773 
+                labels[parentattribute] = {
774 
+                    id: parenttagid,
775 
+                    items: [{
776 
+                        attribute,
777 
+                        tagid: tagid
778 
+                    }]
779 
+                };
780 
+
781 
+                if(parentattribute.toLowerCase() === 'colour'){
782 
+                    colorId = parenttagid;
783 
+                }
784 
+                html += getParentHTML(parentattribute, productid, parenttagid, i == 0);
785 
+            }
786 
+
787 
+        }
788 
+        $('#spec-container-details').html(html);
789 
+
790 
+
791 
+      console.log(labels,'labels');
792 
+
793 
+        let childIds = [];
794 
+
795 
+        for (let item in labels) {
796 
+            let { id, items } = labels[item];
797 
+            // $(`[data-tagid=${id}]`)
798 
+            let html = '';
799 
+
800 
+            for (let i = 0; i < items.length; i++) {
801 
+                const { attribute, tagid } = items[i]
802 
+                childIds.push(tagid);
803 
+                group[attribute] = item;
804 
+              //  console.log(attribute,colorId,"s");
805 
+                html += getChildHTML(tagid, attribute, i == 0,id);
806 
+               // console.log(attribute,"attributeattributeattributeattribute");
807 
+            }
808 
+            debugger;
809 
+            $(`[data-tagid="${id}"]`).html(html);
810 
+        }
811 
+        itemtagscombinationRes = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getitemwithoutbranch/productid/${id}`, true);
812 
+        itemtagscombinationRes = JSON.parse(itemtagscombinationRes.response.result);
813 
+        console.log(itemtagscombinationRes, "conductt");
814 
+
815 
+        let itemidSearch = window.location.hash.split('#')[2]?.split('=')[1];
816 
+
817 
+        if(!itemidSearch){
818 
+            itemidSearch = itemtagscombinationRes[0].itemid
819 
+        }
820 
+
821 
+        let valuesSelected = [];
822 
+
823 
+        $('.borderselector').each(function (i, el) {
824 
+
825 
+            let val = $(el).html();
826 
+            valuesSelected.push(val.trim());
827 
+        });
828 
+debugger;
829 
+        // let searchParams = window.location.search.split("&");
830 
+        // let skuId = window.location.hash.split('#')[2].split('=')[1];
831 
+        // skuId = skuId.split('=')[1]
832 
+        let isGo = true;
833 
+        for (let i = 0; i < itemtagscombinationRes.length; i++) {
834 
+            const currItem = itemtagscombinationRes[i];
835 
+
836 
+            const { tagnames, sku, itemid } = currItem;
837 
+
838 
+            isThereInLabel[tagnames] = itemtagscombinationRes[i];
839 
+            let isTrue = true;
840 
+            if (isGo) {
841 
+                // for(let i=0;i<valuesSelected.length;i++){
842 
+                //     if(!tagnames.includes(valuesSelected[i])){
843 
+                //         isTrue = false
844 
+                //     }
845 
+                // }
846 
+                if (itemidSearch != itemid) {
847 
+                    isTrue = false
848 
+                }
849 
+                // if (i != 0) {
850 
+                //     isTrue = false
851 
+                // }
852 
+                if (isTrue) {
853 
+
854 
+                   // console.log(itemtagscombinationRes[i], 'itemtagscombinationRes[i]');
855 
+
856 
+
857 
+                    currentComb = itemtagscombinationRes[i];
858 
+
859 
+
860 
+                    updateDetailsByObj(itemtagscombinationRes[i]);
861 
+
862 
+
863 
+
864 
+                    isGo = false;
865 
+                    let { tagnames, tagids, pricelist } = itemtagscombinationRes[i];
866 
+                    tagids = tagids.split('|');
867 
+                    tagnames = tagnames.split('|');
868 
+                    $('.optiontaganwi').removeClass('borderselector');
869 
+
870 
+                    for (let i = 0; i < tagids.length; i++) {
871 
+
872 
+                        $(`[data-tagiditem="${tagids[i]}"]`).addClass('borderselector');
873 
+                    }
874 
+
875 
+                    break;
876 
+                    // tagiditem
877 
+                }
878 
+            }
879 
+        }
880 
+
881 
+
882 
+        if (isGo && itemtagscombinationRes.length != 0) {
883 
+
884 
+          //  console.log(itemtagscombinationRes[0]);
885 
+            let { tagnames, tagids, pricelist } = itemtagscombinationRes[0];
886 
+            tagids = tagids.split('|');
887 
+            tagnames = tagnames.split('|');
888 
+            $('.optiontaganwi').removeClass('borderselector');
889 
+            currentComb = itemtagscombinationRes[0];
890 
+            // updateItemId(itemtagscombinationRes[0].itemid);
891 
+
892 
+            for (let i = 0; i < tagids.length; i++) {
893 
+
894 
+                $(`[data-type="${tagids[i]}-${tagnames[i]}"]`).addClass('borderselector');
895 
+                // $(`[data-type="${tagids[i]}-Eucalyptus Green"]`).removeClass('borderselector');
896 
+                // $(`[data-type="${tagids[i]}-Desert Brown"]`).removeClass('borderselector');
897 
+                // $(`[data-type="${tagids[i]}-Deep Sea Blue"]`).removeClass('borderselector');
898 
+            }
899 
+
900 
+            // $('.price').html(pricelist);
901 
+            // $('.des_productdes').html(itemtagscombinationRes[0].itemdescription);
902 
+            // appendSpecs(itemtagscombinationRes[0].itemid);
903 
+
904 
+            updateDetailsByObj(itemtagscombinationRes[0]);
905 
+            //console.log(childIds);
906 
+            //
907 
+
908 
+        }
909 
+
910 
+
911 
+
912 
+        //getAllCombination()
913 
+
914 
+
915 
+
916 
+        // for(let i=0;i<itemtagscombinationRes.length;i++){
917 
+        //     const {tagnames} = itemtagscombinationRes[i];
918 
+
919 
+        // }
920 
+
921 
+        $('#spec-container-details').children().find('.specsmallcard').removeClass('specsmallcard');
922 
+
923 
+
924 
+
925 
+        //getting the first borderselector in first $('.groupingitems_search')[0]
926 
+
927 
+        let firstParentGroup = $('.groupingitems_search')[0];
928 
+        debugger;
929 
+        let optionId = $(firstParentGroup).find('.borderselector').data('tagiditem');
930 
+
931 
+        currentClick = $(firstParentGroup).find('.borderselector')
932 
+        getandsetCombination();
933 
+        addeventlisteners();
934 
+        loadingActions.removeLoader();
935 
+        return;
936 
+
937 
+
938 
+    }
939 
+
940 
+
941 
+}
942 
+startDetails();
943 
+

+ 606
- 0
dist/Js/productdetails/laptopdetails.js Visa fil 

@@ -0,0 +1,606 @@
1 
+function startDetails() {
2 
+    // http://127.0.0.1:5502/productdetails.html?productId=106633230000024
3 
+    if (window.location.search.split('=')[0] == '') {
4 
+        window.location.href = "/notfound.html";
5 
+        return;
6 
+    }
7 
+    let productId = window.location.href.split('=')[1].split('&')[0].split('#')[0];
8 
+    console.log(productId);
9 
+    let itemtagscombinationRes = null;
10 
+    let labels = {};
11 
+    let isThereInLabel = {};
12 
+    let currentComb = null;
13 
+
14 
+    let group = {};
15 
+
16 
+    let loadingActions = {
17 
+        addLoader() {
18 
+            $('.loadingCall').removeClass('d-none');
19 
+            $('.mainContanierProduct').addClass('d-none');
20 
+        },
21 
+        removeLoader() {
22 
+            $('.loadingCall').addClass('d-none');
23 
+            $('.mainContanierProduct').removeClass('d-none');
24 
+        }
25 
+    }
26 
+
27 
+    let currentClick = null;
28 
+
29 
+    if (productId) {
30 
+        loadingActions.addLoader();
31 
+        updateProductId(productId);
32 
+        getProductDetails(productId);
33 
+        appendSpecs(productId)
34 
+    } else {
35 
+        window.location.href = "/notfound.html"
36 
+    }
37 
+
38 
+    function updateProductId(val) {
39 
+        $('#productidtag').val(val);
40 
+    }
41 
+
42 
+    function updateItemId(val) {
43 
+        $('#itemidtag').val(val);
44 
+    }
45 
+
46 
+    let specification_wrap_action = {
47 
+        remove() {
48 
+
49 
+            $('.specification-wrap').addClass('d-none');
50 
+        },
51 
+
52 
+        add() {
53 
+            $('.specification-wrap').removeClass('d-none');
54 
+        }
55 
+    }
56 
+
57 
+    let description_action = {
58 
+        addVal(value) {
59 
+            $('.description-wrap > p').html(value);
60 
+        },
61 
+
62 
+        removeVal(value) {
63 
+            $('.description-wrap > p').html('');
64 
+        }
65 
+    }
66 
+
67 
+    function getSpecsItemHTML({ name, des, itemid, id }) {
68 
+        let isMobile = $(window).width()<=600 ? '' : '';
69 
+        let addPaddM =  $(window).width()<=600 ? 'py-2' : 'py-4';
70 
+        return `<div id="${id}" data-specitemid="${itemid}" >
71 
+        <div class="row   border-bottom">
72 
+            <div class="col-sm-3 ${isMobile} font-weight-600  ${addPaddM} ">
73 
+            ${name}
74 
+            </div>
75 
+            <div class="col-sm-9  py-2 d-flex align-items-center">
76 
+            ${des}
77 
+            </div>
78 
+        </div>
79 
+    </div>`;
80 
+        return `<div id="${id}" data-specitemid="${itemid}" class="">
81 
+        <div class="row  border-bottom">
82 
+            <div class="col-sm-6 bg-gray-3 py-2">
83 
+            ${name}
84 
+            </div>
85 
+            <div class="col-sm-6  py-2">
86 
+            ${des}
87 
+            </div>
88 
+        </div>
89 
+    </div>`;
90 
+
91 
+    }
92 
+    // function getSpecsItemHTML({name,des,itemid,id}){
93 
+    //     return ` <tr id="${id}" data-specitemid="${itemid}">
94 
+    //     <td style="width:200px">${name}</td>
95 
+    //     <td class="">${des}</td>
96 
+    // </tr>`;
97 
+    // }
98 
+
99 
+    async function appendSpecs(id) {
100 
+        let resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/itemspecifications/itemid/${id}`, true);
101 
+
102 
+        if (resData.isError) {
103 
+            $('.productdetailstabs').addClass('d-none');
104 
+            $('.specContainerleft').html('')
105 
+            $('.specContainerRight').html('')
106 
+            return;
107 
+        }
108 
+        $('.productdetailstabs ').removeClass('d-none');
109 
+        const res = resData.response;
110 
+        console.log(JSON.parse(res.result));
111 
+        const data = JSON.parse(res.result);
112 
+        console.log(data);
113 
+        let html = '';
114 
+        let leftHtml = '';
115 
+        let rightHtml = '';
116 
+
117 
+        if (data.length == 0) {
118 
+            $('.productdetailstabs ').addClass('d-none');
119 
+            $('.specContainerleft').html('')
120 
+            $('.specContainerRight').html('')
121 
+            return;
122 
+        }
123 
+
124 
+        for (let i = 0; i < data.length; i++) {
125 
+            const { specificationname, specificationitemid, itemid, description } = data[i];
126 
+            if ((i + 1) % 2 == 0) {
127 
+                rightHtml += getSpecsItemHTML({
128 
+                    name: specificationname, id: specificationitemid, itemid, des: description
129 
+                })
130 
+            } else {
131 
+                leftHtml += getSpecsItemHTML({
132 
+                    name: specificationname, id: specificationitemid, itemid, des: description
133 
+                });
134 
+            }
135 
+
136 
+        }
137 
+
138 
+        $('.specContainerleft').html(leftHtml)
139 
+        $('.specContainerRight').html(rightHtml)
140 
+
141 
+    }
142 
+
143 
+
144 
+    function getParentHTML(name, productid, id, isMain) {
145 
+        return `<div data-parentidgroup="${name?.replace(" ", '')}-parent" class="pb-2 groupingitems_search ${name?.replace(" ", '')}-parent">
146 
+        <h5 class="py-2 smallHeadingProductDetails">${name}</h5>
147 
+        <div class="d-flex gap-2 flex-lg-row flex-wrap ${id}container" data-tagid="${id}">
148 
+
149 
+        </div>
150 
+    </div>`;
151 
+    }
152 
+
153 
+    function onClickHandler(e) {
154 
+
155 
+        $(e).parent().find('.borderselector').removeClass('borderselector');
156 
+
157 
+        $(e).addClass('borderselector')
158 
+
159 
+    }
160 
+
161 
+    function getChildHTML(tagid, name, isTrue) {
162 
+
163 
+
164 
+        return `
165 
+            <div data-type="${tagid}-${name}" data-tagiditem="${tagid}" class="specsmallcard optiontaganwi ${isTrue ? 'borderselector' : ''} card text-center small-font cursor-pointer p-3">
166 
+                ${name}
167 
+            </div> `
168 
+
169 
+
170 
+    }
171 
+
172 
+    function addeventlisteners() {
173 
+
174 
+        $('.optiontaganwi').each(function (i, el) {
175 
+            $(el).click(function (e) {
176 
+                debugger;
177 
+                $('#quantity').val(1);
178 
+
179 
+                $(e.target).parent().find('.borderselector').removeClass('borderselector');
180 
+                $(e.target).addClass('borderselector');
181 
+                searchComb();
182 
+                currentClick = e.target;
183 
+                getAllCombination();
184 
+            })
185 
+        });
186 
+
187 
+    }
188 
+
189 
+
190 
+
191 
+    function updateDetailsByObj(obj) {
192 
+        $('.productname').html(obj.itemname)
193 
+        let  [currencySymbol, amount] = getCurrencySymbol(obj?.pricelist||0);
194 
+
195 
+        $('.price').html(obj.pricelist ?`${currencySymbol}${amount}'`:'');
196 
+        $('.price').attr('data-price',obj.pricelist);
197 
+        appendSpecs(obj.itemid)
198 
+        $('#skudetailitem').val(obj.sku)
199 
+        $('.des_productdes').html(obj.itemdescription);
200 
+        $('#addtocart').attr('data-qty', obj.quantity);
201 
+
202 
+debugger;
203 
+        let defaultImg = obj.itemimageurl ? imgServerNameBuild(obj.itemimageurl) : `./dist/assets/imgs/nophoto.png`;
204 
+        console.log(obj.itemimageurl, 'obj.itemimageurlobj.itemimageurlobj.itemimageurl');
205 
+
206 
+        $('.productDetailsMain  > img').attr('src', defaultImg);
207 
+
208 
+        updateItemId(obj.itemid);
209 
+
210 
+
211 
+        if (!obj.pricelist) {
212 
+            $('.buynow').attr('disabled', true);
213 
+            $('#addtocart').attr('disabled', true);
214 
+        } else {
215 
+            $('.buynow').attr('disabled', false);
216 
+            $('#addtocart').attr('disabled', false);
217 
+        }
218 
+    }
219 
+
220 
+    function searchComb() {
221 
+        let valuesSelected = [];
222 
+        $('.optiontaganwi').removeClass('disabled-option-item')
223 
+
224 
+        $('#addtocart').removeClass('disabled');
225 
+        $('.msgErrorDetailsItem').addClass('d-none');
226 
+        $('.borderselector,border_selector').each(function (i, el) {
227 
+            console.log($(el).html())
228 
+            let val = $(el).data('tagiditem');
229 
+            valuesSelected.push(val);
230 
+        });
231 
+
232 
+        let labelRecord = {};
233 
+
234 
+        for (let label in labels) {
235 
+            labelRecord[label] = false;
236 
+        }
237 
+
238 
+        console.log(labelRecord);
239 
+        specification_wrap_action.add();
240 
+        console.log(group);
241 
+        let unFiler = null;
242 
+        for (let i = 0; i < itemtagscombinationRes.length; i++) {
243 
+            const currItem = itemtagscombinationRes[i];
244 
+            const { tagids } = currItem;
245 
+
246 
+
247 
+            let isTrue = true;
248 
+            let labelFilter = labelRecord;
249 
+
250 
+            for (let i = 0; i < valuesSelected.length; i++) {
251 
+
252 
+                if (!tagids.includes(valuesSelected[i])) {
253 
+                    isTrue = false
254 
+
255 
+                    unFiler = labelFilter;
256 
+                    break;
257 
+                }
258 
+                labelFilter[group[valuesSelected[i]]] = true;
259 
+            }
260 
+
261 
+            if (isTrue) {
262 
+                console.log(itemtagscombinationRes[i], 'itemtagscombinationRes[i]');
263 
+                const { quantity } = itemtagscombinationRes[i];
264 
+                if (quantity >= $('#quantity').val() && quantity >= 1) {
265 
+                    currentComb = itemtagscombinationRes[i];
266 
+                    // $('.productname').html(itemtagscombinationRes[i].itemname)
267 
+                    // $('.price').html(itemtagscombinationRes[i].pricelist);
268 
+                    // location.hash = itemtagscombinationRes[i].itemname.trim();
269 
+                    // appendSpecs(itemtagscombinationRes[i].itemid)
270 
+                    history.replaceState(null, null, `#itemid=${itemtagscombinationRes[i].itemid}#${itemtagscombinationRes[i].itemname.trim()}`);
271 
+
272 
+                    // $('#skudetailitem').val(itemtagscombinationRes[i].sku)
273 
+                    // $('.des_productdes').html(itemtagscombinationRes[i].itemdescription);
274 
+                    updateDetailsByObj(itemtagscombinationRes[i]);
275 
+                } else {
276 
+
277 
+                    let name = itemtagscombinationRes[i].itemname.split('-')[0];
278 
+                    $('#addtocart').addClass('disabled');
279 
+                    let itemsName = name;
280 
+                    $('.borderselector').each(function (i, e) {
281 
+                        itemsName += ` ${$(e).html().trim()}`;
282 
+                    });
283 
+
284 
+                    updateItemId(null);
285 
+
286 
+                    let defaultImg = itemtagscombinationRes[i].itemimageurl ? imgServerNameBuild(itemtagscombinationRes[i].itemimageurl) : `./dist/assets/imgs/nophoto.png`;
287 
+                    console.log(itemtagscombinationRes[i].itemimageurl, 'obj.itemimageurlobj.itemimageurlobj.itemimageurl');
288 
+
289 
+                    $('.productDetailsMain  > img').attr('src', defaultImg);
290 
+
291 
+                    specification_wrap_action.remove();
292 
+                    $('#skudetailitem').val(-1)
293 
+                    $('.productname').html(itemsName)
294 
+                    history.replaceState(null, null, `#`);
295 
+
296 
+                    $('.msgErrorDetailsItem').removeClass('d-none');
297 
+                    $('.des_productdes').html('');
298 
+                    $('.price').html('');
299 
+                }
300 
+
301 
+                initAddToCart()
302 
+                return;
303 
+
304 
+            }
305 
+
306 
+        }
307 
+
308 
+        alert("j");
309 
+        let name = itemtagscombinationRes[0].itemname.split('-')[0];
310 
+        let itemsName = name;
311 
+        $('.borderselector').each(function (i, e) {
312 
+            itemsName += `- ${$(e).html().trim()}`;
313 
+        })
314 
+        specification_wrap_action.remove();
315 
+        $('.productname').html(itemsName)
316 
+        $('#skudetailitem').val(-1)
317 
+        $('.price').html('');
318 
+        $('#addtocart').addClass('disabled');
319 
+        $('.msgErrorDetailsItem').removeClass('d-none');
320 
+
321 
+        initAddToCart()
322 
+    }
323 
+
324 
+    function getAllCombination() {
325 
+        debugger;
326 
+        const currClickAttr = $(currentClick).html().trim();
327 
+
328 
+        let isThere = [];
329 
+        for (let item in isThereInLabel) {
330 
+            let { tagnames } = isThereInLabel[item];
331 
+            if (tagnames.includes(currClickAttr)) {
332 
+                isThere.push(isThereInLabel[item])
333 
+            }
334 
+        }
335 
+
336 
+        if (!isThere.length) {
337 
+            let curr = $(currentClick).parents('.groupingitems_search').data('parentidgroup');
338 
+            $('.groupingitems_search').each(function (i, e) {
339 
+                const id = $(e).data('parentidgroup');
340 
+                if (id != curr) {
341 
+                    $(e).find('.optiontaganwi').addClass('disabled-option-item');
342 
+                }
343 
+
344 
+
345 
+            });
346 
+
347 
+            return;
348 
+        }
349 
+        let selected = [];
350 
+        $('.borderselector').each(function (i, e) {
351 
+            selected.push($(e).html().trim())
352 
+        });
353 
+
354 
+        // console.log(selected);
355 
+        // console.log(isThere);
356 
+
357 
+        let ishashObj = {};
358 
+
359 
+        for (let i = 0; i < isThere.length; i++) {
360 
+            let { tagnames, tagids } = isThere[i];
361 
+            tagnames = tagnames.split('|');
362 
+            tagids = tagids.split('|');
363 
+
364 
+            for (let j = 0; j < tagnames.length; j++) {
365 
+                if (!ishashObj[tagnames[j]]) {
366 
+                    ishashObj[tagnames[j]] = tagids[j];
367 
+                }
368 
+            }
369 
+        }
370 
+
371 
+         console.log(ishashObj);
372 
+
373 
+        // for(let i=0;i<itemtagscombinationRes.length;i++){
374 
+
375 
+        // }
376 
+
377 
+    }
378 
+
379 
+
380 
+    async function getProductDetails(id) {
381 
+
382 
+
383 
+        debugger;
384 
+
385 
+        let resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/productattributelist/productid/${id}`, true);
386 
+
387 
+        if (resData.isError) {
388 
+            loadingActions.removeLoader();
389 
+            alert(resData.errorMsg.message);
390 
+            return;
391 
+        }
392 
+
393 
+        let res = resData.response;
394 
+
395 
+        res = JSON.parse(res.result);
396 
+        console.log(res, 'productattributelist');
397 
+
398 
+        if (!res) {
399 
+            loadingActions.removeLoader();
400 
+            return;
401 
+        };
402 
+
403 
+
404 
+
405 
+
406 
+        let html = '';
407 
+
408 
+        for (let i = 0; i < res.length; i++) {
409 
+            const currItem = res[i];
410 
+            // parenttagid means under what label
411 
+            // tag id means it know unquie id
412 
+            const { parentattribute, parenttagid, tagid, attribute, productid } = currItem;
413 
+
414 
+            if (labels[parentattribute]) {
415 
+                labels[parentattribute].items.push({
416 
+                    attribute,
417 
+                    tagid: tagid
418 
+                });
419 
+            } else {
420 
+                labels[parentattribute] = {
421 
+                    id: parenttagid,
422 
+                    items: [{
423 
+                        attribute,
424 
+                        tagid: tagid
425 
+                    }]
426 
+                };
427 
+                html += getParentHTML(parentattribute, productid, parenttagid, i == 0);
428 
+            }
429 
+
430 
+        }
431 
+        $('#spec-container-details').html(html);
432 
+
433 
+
434 
+        // console.log(labels,'labels');
435 
+
436 
+        let childIds = [];
437 
+
438 
+        for (let item in labels) {
439 
+            let { id, items } = labels[item];
440 
+            // $(`[data-tagid=${id}]`)
441 
+            let html = '';
442 
+
443 
+            for (let i = 0; i < items.length; i++) {
444 
+                const { attribute, tagid } = items[i]
445 
+                childIds.push(tagid);
446 
+                group[attribute] = item;
447 
+                html += getChildHTML(tagid, attribute, i == 0);
448 
+            }
449 
+            $(`[data-tagid="${id}"]`).html(html);
450 
+        }
451 
+        itemtagscombinationRes = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getitemwithoutbranch/productid/${id}`, true);
452 
+        itemtagscombinationRes = JSON.parse(itemtagscombinationRes.response.result);
453 
+        console.log(itemtagscombinationRes, "conductt");
454 
+
455 
+        let valuesSelected = [];
456 
+
457 
+        $('.borderselector').each(function (i, el) {
458 
+
459 
+            let val = $(el).html();
460 
+            valuesSelected.push(val.trim());
461 
+        });
462 
+
463 
+        let searchParams = window.location.search.split("&");
464 
+        let skuId = window.location.hash.split('#')[1].split('=')[1];
465 
+        // skuId = skuId.split('=')[1]
466 
+        let isGo = true;
467 
+        for (let i = 0; i < itemtagscombinationRes.length; i++) {
468 
+            const currItem = itemtagscombinationRes[i];
469 
+
470 
+            const { tagnames, sku, itemid } = currItem;
471 
+
472 
+            isThereInLabel[tagnames] = itemtagscombinationRes[i];
473 
+            let isTrue = true;
474 
+            if (isGo) {
475 
+                // for(let i=0;i<valuesSelected.length;i++){
476 
+                //     if(!tagnames.includes(valuesSelected[i])){
477 
+                //         isTrue = false
478 
+                //     }
479 
+                // }
480 
+                if (i != 0) {
481 
+                    isTrue = false
482 
+                }
483 
+                if (isTrue) {
484 
+
485 
+                    console.log(itemtagscombinationRes[i], 'itemtagscombinationRes[i]');
486 
+
487 
+
488 
+                    currentComb = itemtagscombinationRes[i];
489 
+
490 
+
491 
+                    updateDetailsByObj(itemtagscombinationRes[i]);
492 
+
493 
+
494 
+
495 
+                    isGo = false;
496 
+                    let { tagnames, tagids, pricelist } = itemtagscombinationRes[i];
497 
+                    tagids = tagids.split('|');
498 
+                    tagnames = tagnames.split('|');
499 
+                    $('.optiontaganwi').removeClass('borderselector');
500 
+
501 
+                    for (let i = 0; i < tagids.length; i++) {
502 
+
503 
+                        $(`[data-tagiditem="${tagids[i]}"]`).addClass('borderselector');
504 
+                    }
505 
+                    // tagiditem
506 
+                }
507 
+            }
508 
+        }
509 
+
510 
+
511 
+        if (isGo && itemtagscombinationRes.length != 0) {
512 
+
513 
+            console.log(itemtagscombinationRes[0]);
514 
+            let { tagnames, tagids, pricelist } = itemtagscombinationRes[0];
515 
+            tagids = tagids.split('|');
516 
+            tagnames = tagnames.split('|');
517 
+            $('.optiontaganwi').removeClass('borderselector');
518 
+            currentComb = itemtagscombinationRes[0];
519 
+            // updateItemId(itemtagscombinationRes[0].itemid);
520 
+
521 
+            for (let i = 0; i < tagids.length; i++) {
522 
+
523 
+                $(`[data-type="${tagids[i]}-${tagnames[i]}"]`).addClass('borderselector');
524 
+                // $(`[data-type="${tagids[i]}-Eucalyptus Green"]`).removeClass('borderselector');
525 
+                // $(`[data-type="${tagids[i]}-Desert Brown"]`).removeClass('borderselector');
526 
+                // $(`[data-type="${tagids[i]}-Deep Sea Blue"]`).removeClass('borderselector');
527 
+            }
528 
+
529 
+            // $('.price').html(pricelist);
530 
+            // $('.des_productdes').html(itemtagscombinationRes[0].itemdescription);
531 
+            // appendSpecs(itemtagscombinationRes[0].itemid);
532 
+
533 
+            updateDetailsByObj(itemtagscombinationRes[0]);
534 
+            //console.log(childIds);
535 
+            //
536 
+
537 
+        }
538 
+
539 
+        //getAllCombination()
540 
+
541 
+
542 
+
543 
+        // for(let i=0;i<itemtagscombinationRes.length;i++){
544 
+        //     const {tagnames} = itemtagscombinationRes[i];
545 
+
546 
+        // }
547 
+
548 
+        $('#spec-container-details').children().find('.specsmallcard').removeClass('specsmallcard');
549 
+
550 
+        addeventlisteners();
551 
+        loadingActions.removeLoader();
552 
+        return;
553 
+        // let resTwo = await postStatAPIService(`${SERVERNAME}/apis/v4/bizgaze/integrations/products/itemtagscombination/productid/${id}`);
554 
+
555 
+
556 
+        //let html = '';
557 
+        let attributesObj = {};
558 
+        for (let i = 0; i < res.length; i++) {
559 
+            const { parentattribute, tagid, productid } = res[i];
560 
+            // let attributes = await postStatAPIService(`${SERVERNAME}/apis/v4/bizgaze/integrations/products/productattributelist/parenttagid/${tagid}`);
561 
+            // attributesObj[tagid] = JSON.parse(attributes.data.result);
562 
+            // console.log(attributes.data.result,tagid);
563 
+            html += getParentHTML(parentattribute, productid, tagid, i == 0);
564 
+        }
565 
+
566 
+        $('#spec-container-details').html(html);
567 
+
568 
+
569 
+        // let attributes = await postStatAPIService(`${SERVERNAME}/apis/v4/bizgaze/integrations/products/productattributelist/parenttagid/${tagid}`);
570 
+        return;
571 
+        for (let attr in attributesObj) {
572 
+            const arr = attributesObj[attr];
573 
+
574 
+            let html = '';
575 
+            for (let i = 0; i < arr.length; i++) {
576 
+                const { attribute, tagid } = arr[i];
577 
+                html += getChildHTML(tagid, attribute, i == 0);
578 
+            }
579 
+
580 
+
581 
+            $(`[data-tagid="${attr}"]`).html(html);
582 
+
583 
+
584 
+        }
585 
+
586 
+        let defaultValues = await postStatAPIService(`${SERVERNAME}/apis/v4/bizgaze/integrations/products/sellableitemlist/productid/${id}`);
587 
+        defaultValues = JSON.parse(defaultValues.data.result);
588 
+        let { itemname, price } = defaultValues[0];
589 
+        $('.productname').html(itemname);
590 
+        $('.price').html(price)
591 
+
592 
+        $('#spec-container-details').children().slice(1).find('.specsmallcard').removeClass('specsmallcard');
593 
+
594 
+
595 
+
596 
+
597 
+        // getQuantityById(id)
598 
+
599 
+
600 
+
601 
+    }
602 
+
603 
+
604 
+}
605 
+startDetails();
606 
+

+ 650
- 0
dist/Js/productdetails/laptopdetails.js-old Visa fil 

@@ -0,0 +1,650 @@
1 
+function startDetails() {
2 
+    // http://127.0.0.1:5502/productdetails.html?productId=106633230000024
3 
+    if (window.location.search.split('=')[0] == '') {
4 
+        window.location.href = "/notfound.html";
5 
+        return;
6 
+    }
7 
+    let productId = window.location.href.split('=')[1].split('&')[0].split('#')[0];
8 
+    console.log(productId);
9 
+    let itemtagscombinationRes = null;
10 
+    let labels = {};
11 
+    let isThereInLabel = {};
12 
+    let currentComb = null;
13 
+
14 
+    let group = {};
15 
+
16 
+    let loadingActions = {
17 
+        addLoader() {
18 
+            $('.loadingCall').removeClass('d-none');
19 
+            $('.mainContanierProduct').addClass('d-none');
20 
+        },
21 
+        removeLoader() {
22 
+            $('.loadingCall').addClass('d-none');
23 
+            $('.mainContanierProduct').removeClass('d-none');
24 
+        }
25 
+    }
26 
+
27 
+    let currentClick = null;
28 
+
29 
+    if (productId) {
30 
+        loadingActions.addLoader();
31 
+        updateProductId(productId);
32 
+        getProductDetails(productId);
33 
+        appendSpecs(productId)
34 
+    } else {
35 
+        window.location.href = "/notfound.html"
36 
+    }
37 
+
38 
+    function updateProductId(val) {
39 
+        $('#productidtag').val(val);
40 
+    }
41 
+
42 
+    function updateItemId(val) {
43 
+        $('#itemidtag').val(val);
44 
+    }
45 
+
46 
+    let specification_wrap_action = {
47 
+        remove() {
48 
+
49 
+            $('.specification-wrap').addClass('d-none');
50 
+        },
51 
+
52 
+        add() {
53 
+            $('.specification-wrap').removeClass('d-none');
54 
+        }
55 
+    }
56 
+
57 
+    let description_action = {
58 
+        addVal(value) {
59 
+            $('.description-wrap > p').html(value);
60 
+        },
61 
+
62 
+        removeVal(value) {
63 
+            $('.description-wrap > p').html('');
64 
+        }
65 
+    }
66 
+
67 
+    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">
71 
+            ${name}
72 
+            </div>
73 
+            <div class="col-sm-6  py-2">
74 
+            ${des}
75 
+            </div>
76 
+        </div>
77 
+    </div>`;
78 
+        return ` <tr id="${id}" data-specitemid="${itemid}">
79 
+        <td style="width:200px">${name}</td>
80 
+        <td class="">${des}</td>
81 
+    </tr>`;
82 
+    }
83 
+    // function getSpecsItemHTML({name,des,itemid,id}){
84 
+    //     return ` <tr id="${id}" data-specitemid="${itemid}">
85 
+    //     <td style="width:200px">${name}</td>
86 
+    //     <td class="">${des}</td>
87 
+    // </tr>`;
88 
+    // }
89 
+
90 
+    async function appendSpecs(id) {
91 
+        let resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/itemspecifications/itemid/${id}`, true);
92 
+
93 
+        if (resData.isError) {
94 
+            $('.productdetailstabs').addClass('d-none');
95 
+            $('.specContainerleft').html('')
96 
+            $('.specContainerRight').html('')
97 
+            return;
98 
+        }
99 
+        $('.productdetailstabs ').removeClass('d-none');
100 
+        const res = resData.response;
101 
+        console.log(JSON.parse(res.result));
102 
+        const data = JSON.parse(res.result);
103 
+        console.log(data);
104 
+        let html = '';
105 
+        let leftHtml = '';
106 
+        let rightHtml = '';
107 
+
108 
+        if (data.length == 0) {
109 
+            $('.productdetailstabs ').addClass('d-none');
110 
+            $('.specContainerleft').html('')
111 
+            $('.specContainerRight').html('')
112 
+            return;
113 
+        }
114 
+
115 
+        for (let i = 0; i < data.length; i++) {
116 
+            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 
+            }
126 
+
127 
+        }
128 
+
129 
+        $('.specContainerleft').html(leftHtml)
130 
+        $('.specContainerRight').html(rightHtml)
131 
+
132 
+    }
133 
+
134 
+
135 
+    function getParentHTML(name, productid, id, isMain) {
136 
+        return `<div class="pb-2 $${name?.replace(" ", '')}-parent">
137 
+        <h5 class="py-2 smallHeadingProductDetails">${name}</h5>
138 
+        <div class="d-flex gap-2 flex-lg-row flex-wrap ${id}container" data-tagid="${id}">
139 
+
140 
+        </div>
141 
+    </div>`;
142 
+    }
143 
+
144 
+    function onClickHandler(e) {
145 
+
146 
+        $(e).parent().find('.borderselector').removeClass('borderselector');
147 
+
148 
+        $(e).addClass('borderselector')
149 
+
150 
+    }
151 
+
152 
+    function getChildHTML(tagid, name, isTrue) {
153 
+
154 
+        let  item_color_1 = `#5e7975`;
155 
+        let item_color_2 = `#624839`;
156 
+        let item_color_3 = `#253746`;
157 
+        if(name == "Eucalyptus Green"){
158 
+
159 
+            return `<p item_color=${item_color_1} data-type="${tagid}-${name}" data-tagiditem="${tagid}" class="optiontaganwi_color specsmallcard optiontaganwi fs-7 cursor-pointer text-white rounded mb-0 me-1 py-2 px-3" ${item_color_1 ? `style="background-color:${item_color_1}"`:''}><span class="${isTrue ? 'border-bottom color' : 'color'}">${name}</span></p>`;
160 
+
161 
+        }else if(name == "Desert Brown"){
162 
+
163 
+            return `<p item_color=${item_color_2} data-type="${tagid}-${name}" data-tagiditem="${tagid}" class="optiontaganwi_color specsmallcard optiontaganwi mb-0 fs-7 cursor-pointer me-1 rounded text-white py-2 px-3" ${item_color_2 ? `style="background-color:${item_color_2}"`:''}><span class="${isTrue ? 'border-bottom color' : 'color'}">${name}</span></p>`;
164 
+
165 
+        }else if(name == "Deep Sea Blue"){
166 
+
167 
+            return `<p item_color=${item_color_3} data-type="${tagid}-${name}" data-tagiditem="${tagid}" class="optiontaganwi_color specsmallcard optiontaganwi mb-0 fs-7 text-white cursor-pointer rounded py-2 px-3 " ${item_color_3 ? `style="background-color:${item_color_3}"`:''}><span class="${isTrue ? 'border-bottom color' : 'color'}">${name}</span></p>`;
168 
+        }
169 
+        else{
170 
+            return `
171 
+            <div data-type="${tagid}-${name}" data-tagiditem="${tagid}" class="specsmallcard optiontaganwi ${isTrue ? 'borderselector' : ''} card text-center small-font cursor-pointer p-3">
172 
+                ${name}
173 
+            </div> `
174 
+         }
175 
+
176 
+    }
177 
+
178 
+    function addeventlisteners() {
179 
+
180 
+        $('.optiontaganwi').each(function (i, el) {
181 
+            $(el).click(function (e) {
182 
+                $('#quantity').val(1);
183 
+                debugger;
184 
+                let ele_col = $(e.target).hasClass("color");
185 
+                let ele_col1 = $(e.target).hasClass("optiontaganwi_color");
186 
+                if(ele_col === true){
187 
+                    $(e.target).parent().find("span.color").removeClass('border-bottom');
188 
+                    $(e.target).parent().addClass("border_selector");
189 
+                    $(e.target).addClass("border-bottom");
190 
+                    $(e.target).parent().find("span.border-bottom").removeClass("border-bottom text-dark");
191 
+                    $(e.target).addClass("border_selector");
192 
+                    $(e.target).find("span.color").addClass("border-bottom text-dark");
193 
+                    $(e.target).parent().find('.borderselector').removeClass('borderselector');
194 
+                    // $(e.target).addClass('borderselector');
195 
+                    searchComb();
196 
+                    currentClick = e.target;
197 
+                }else if(ele_col1 === true){
198 
+                    $(e.target).parent().find("span.text-dark").removeClass("text-dark border-bottom");
199 
+                    $(e.target).addClass("border_selector");
200 
+                    $(e.target).find("span.color").addClass("text-dark");
201 
+                    $(e.target).parent().find('.borderselector').removeClass('borderselector');
202 
+                    $(e.target).addClass('borderselector');
203 
+                    searchComb();
204 
+                    currentClick = e.target;
205 
+                }else{
206 
+                    $(e.target).parent().find('.borderselector').removeClass('borderselector');
207 
+                    $(e.target).addClass('borderselector');
208 
+                    searchComb();
209 
+                    currentClick = e.target;
210 
+                 }
211 
+
212 
+                searchComb();
213 
+                currentClick = e.target;
214 
+                // getAllCombination();
215 
+            })
216 
+        });
217 
+        // $('.optiontaganwi_color span.color').each(function (i, el) {
218 
+        //     $(el).click(function (e) {
219 
+        //         $('#quantity').val(1);
220 
+        //         $(e.target).parent().find("span.border-bottom").removeClass("border-bottom");
221 
+        //         $(e.target).addClass("border-bottom");
222 
+        //         searchComb();
223 
+        //         currentClick = e.target;
224 
+        //         // getAllCombination();
225 
+        //     })
226 
+        // });
227 
+    }
228 
+
229 
+    // function getChildHTML(tagid,name,isTrue){
230 
+    //     return `
231 
+    //     <div  data-type="${tagid}-${name}" data-tagiditem="${tagid}" class="specsmallcard optiontaganwi ${isTrue?'borderselector':''} card small-font cursor-pointer p-3">
232 
+    //         ${name}
233 
+    //     </div>
234 
+    // `
235 
+    // }
236 
+
237 
+    // function addeventlisteners(){
238 
+
239 
+    //     $('.optiontaganwi').each(function (i,el){
240 
+    //       $(el).click(function (e){
241 
+    //         $('#quantity').val(1)
242 
+    //         $(e.target).parent().find('.borderselector').removeClass('borderselector');
243 
+    //         $(e.target).addClass('borderselector')
244 
+    //        searchComb();
245 
+    //         currentClick = e.target;
246 
+    //        // getAllCombination();
247 
+    //       })
248 
+    //     });
249 
+    // }
250 
+
251 
+    function updateDetailsByObj(obj) {
252 
+        $('.productname').html(obj.itemname)
253 
+        $('.price').html(obj.pricelist?obj.pricelist:'coming soon');
254 
+        appendSpecs(obj.itemid)
255 
+        $('#skudetailitem').val(obj.sku)
256 
+        $('.des_productdes').html(obj.itemdescription);
257 
+        $('#addtocart').attr('data-qty', obj.quantity);
258 
+
259 
+
260 
+        let defaultImg = obj.itemimageurl ? imgServerNameBuild(obj.itemimageurl) : `./dist/assets/imgs/nophoto.png`;
261 
+        console.log(obj.itemimageurl, 'obj.itemimageurlobj.itemimageurlobj.itemimageurl');
262 
+
263 
+        $('.productDetailsMain  > img').attr('src', defaultImg);
264 
+
265 
+        updateItemId(obj.itemid);
266 
+
267 
+
268 
+        if(!obj.pricelist){
269 
+            $('.buynow').attr('disabled',true);
270 
+            $('#addtocart').attr('disabled',true);
271 
+        }else{
272 
+            $('.buynow').attr('disabled',false);
273 
+            $('#addtocart').attr('disabled',false);
274 
+        }
275 
+    }
276 
+
277 
+    function searchComb() {
278 
+        let valuesSelected = [];
279 
+
280 
+
281 
+        $('#addtocart').removeClass('disabled');
282 
+        $('.msgErrorDetailsItem').addClass('d-none');
283 
+        $('.borderselector,border_selector').each(function (i, el) {
284 
+            console.log($(el).html())
285 
+            let val = $(el).html();
286 
+            valuesSelected.push(val.trim());
287 
+        });
288 
+
289 
+        let labelRecord = {};
290 
+
291 
+        for (let label in labels) {
292 
+            labelRecord[label] = false;
293 
+        }
294 
+
295 
+        console.log(labelRecord);
296 
+        specification_wrap_action.add();
297 
+        console.log(group);
298 
+        let unFiler = null;
299 
+        for (let i = 0; i < itemtagscombinationRes.length; i++) {
300 
+            const currItem = itemtagscombinationRes[i];
301 
+            const { tagnames } = currItem;
302 
+
303 
+
304 
+            let isTrue = true;
305 
+            let labelFilter = labelRecord;
306 
+
307 
+            for (let i = 0; i < valuesSelected.length; i++) {
308 
+
309 
+                if (!tagnames.includes(valuesSelected[i])) {
310 
+                    isTrue = false
311 
+
312 
+                    unFiler = labelFilter;
313 
+                    break;
314 
+                }
315 
+                labelFilter[group[valuesSelected[i]]] = true;
316 
+            }
317 
+
318 
+            if (isTrue) {
319 
+                console.log(itemtagscombinationRes[i], 'itemtagscombinationRes[i]');
320 
+                const { quantity } = itemtagscombinationRes[i];
321 
+                if (quantity >= $('#quantity').val() && quantity >= 1) {
322 
+                    currentComb = itemtagscombinationRes[i];
323 
+                    // $('.productname').html(itemtagscombinationRes[i].itemname)
324 
+                    // $('.price').html(itemtagscombinationRes[i].pricelist);
325 
+                    // location.hash = itemtagscombinationRes[i].itemname.trim();
326 
+                    // appendSpecs(itemtagscombinationRes[i].itemid)
327 
+                    history.replaceState(null, null, `#itemid=${itemtagscombinationRes[i].itemid}#${itemtagscombinationRes[i].itemname.trim()}`);
328 
+
329 
+                    // $('#skudetailitem').val(itemtagscombinationRes[i].sku)
330 
+                    // $('.des_productdes').html(itemtagscombinationRes[i].itemdescription);
331 
+                    updateDetailsByObj(itemtagscombinationRes[i]);
332 
+                } else {
333 
+
334 
+                    let name = itemtagscombinationRes[i].itemname.split('-')[0];
335 
+                    $('#addtocart').addClass('disabled');
336 
+                    let itemsName = name;
337 
+                    $('.borderselector').each(function (i, e) {
338 
+                        itemsName += ` ${$(e).html().trim()}`;
339 
+                    });
340 
+
341 
+                    updateItemId(null);
342 
+
343 
+                    specification_wrap_action.remove();
344 
+                    $('#skudetailitem').val(-1)
345 
+                    $('.productname').html(itemsName)
346 
+                    history.replaceState(null, null, `#`);
347 
+
348 
+                    $('.msgErrorDetailsItem').removeClass('d-none');
349 
+                    $('.des_productdes').html('');
350 
+                    $('.price').html('');
351 
+                }
352 
+
353 
+                initAddToCart()
354 
+                return;
355 
+
356 
+            }
357 
+
358 
+        }
359 
+
360 
+        let name = itemtagscombinationRes[0].itemname.split('-')[0];
361 
+        let itemsName = name;
362 
+        $('.borderselector').each(function (i, e) {
363 
+            itemsName += `- ${$(e).html().trim()}`;
364 
+        })
365 
+        specification_wrap_action.remove();
366 
+        $('.productname').html(itemsName)
367 
+        $('#skudetailitem').val(-1)
368 
+        $('.price').html('');
369 
+        $('#addtocart').addClass('disabled');
370 
+        $('.msgErrorDetailsItem').removeClass('d-none');
371 
+
372 
+        initAddToCart()
373 
+    }
374 
+
375 
+    function getAllCombination() {
376 
+        const currClickAttr = $(currentClick).html().trim();
377 
+
378 
+        let isThere = [];
379 
+        for (let item in isThereInLabel) {
380 
+            let { tagnames } = isThereInLabel[item];
381 
+            if (tagnames.includes(currClickAttr)) {
382 
+                isThere.push(isThereInLabel[item])
383 
+            }
384 
+        }
385 
+        let selected = [];
386 
+        $('.borderselector').each(function (i, e) {
387 
+            selected.push($(e).html().trim())
388 
+        });
389 
+
390 
+        // console.log(selected);
391 
+        // console.log(isThere);
392 
+
393 
+        let ishashObj = {};
394 
+
395 
+        for (let i = 0; i < isThere.length; i++) {
396 
+            let { tagnames, tagids } = isThere[i];
397 
+            tagnames = tagnames.split('|');
398 
+            tagids = tagids.split('|');
399 
+
400 
+            for (let j = 0; j < tagnames.length; j++) {
401 
+                if (!ishashObj[tagnames[j]]) {
402 
+                    ishashObj[tagnames[j]] = tagids[j];
403 
+                }
404 
+            }
405 
+        }
406 
+
407 
+        // console.log(ishashObj);
408 
+
409 
+        // for(let i=0;i<itemtagscombinationRes.length;i++){
410 
+
411 
+        // }
412 
+
413 
+    }
414 
+
415 
+
416 
+    async function getProductDetails(id) {
417 
+
418 
+
419 
+
420 
+        // let res = await getStatAPIService(`${SERVERNAME}/apis/v4/bizgaze/integrations/products/productattributelist/productid/${id}`);
421 
+
422 
+        let resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/productattributelist/productid/${id}`, true);
423 
+
424 
+        if (resData.isError) {
425 
+            loadingActions.removeLoader();
426 
+            alert(resData.errorMsg.message);
427 
+            return;
428 
+        }
429 
+
430 
+        let res = resData.response;
431 
+
432 
+        res = JSON.parse(res.result);
433 
+        console.log(res, 'productattributelist');
434 
+
435 
+        if (!res) {
436 
+            loadingActions.removeLoader();
437 
+            return;
438 
+        };
439 
+
440 
+
441 
+
442 
+
443 
+        let html = '';
444 
+
445 
+        for (let i = 0; i < res.length; i++) {
446 
+            const currItem = res[i];
447 
+            // parenttagid means under what label
448 
+            // tag id means it know unquie id
449 
+            const { parentattribute, parenttagid, tagid, attribute, productid } = currItem;
450 
+
451 
+            if (labels[parentattribute]) {
452 
+                labels[parentattribute].items.push({
453 
+                    attribute,
454 
+                    tagid: tagid
455 
+                });
456 
+            } else {
457 
+                labels[parentattribute] = {
458 
+                    id: parenttagid,
459 
+                    items: [{
460 
+                        attribute,
461 
+                        tagid: tagid
462 
+                    }]
463 
+                };
464 
+                html += getParentHTML(parentattribute, productid, parenttagid, i == 0);
465 
+            }
466 
+
467 
+        }
468 
+        $('#spec-container-details').html(html);
469 
+
470 
+
471 
+        // console.log(labels,'labels');
472 
+
473 
+        let childIds = [];
474 
+
475 
+        for (let item in labels) {
476 
+            let { id, items } = labels[item];
477 
+            // $(`[data-tagid=${id}]`)
478 
+            let html = '';
479 
+
480 
+            for (let i = 0; i < items.length; i++) {
481 
+                const { attribute, tagid } = items[i]
482 
+                childIds.push(tagid);
483 
+                group[attribute] = item;
484 
+                html += getChildHTML(tagid, attribute, i == 0);
485 
+            }
486 
+            $(`[data-tagid="${id}"]`).html(html);
487 
+        }
488 
+        itemtagscombinationRes = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getitemwithoutbranch/productid/${id}`, true);
489 
+        itemtagscombinationRes = JSON.parse(itemtagscombinationRes.response.result);
490 
+        console.log(itemtagscombinationRes, "conductt");
491 
+
492 
+        let valuesSelected = [];
493 
+
494 
+        $('.borderselector').each(function (i, el) {
495 
+
496 
+            let val = $(el).html();
497 
+            valuesSelected.push(val.trim());
498 
+        });
499 
+
500 
+        let searchParams = window.location.search.split("&");
501 
+        let skuId = window.location.hash.split('#')[1].split('=')[1];
502 
+        // skuId = skuId.split('=')[1]
503 
+        let isGo = true;
504 
+        for (let i = 0; i < itemtagscombinationRes.length; i++) {
505 
+            const currItem = itemtagscombinationRes[i];
506 
+
507 
+            const { tagnames, sku, itemid } = currItem;
508 
+
509 
+            isThereInLabel[tagnames] = itemtagscombinationRes[i];
510 
+            let isTrue = true;
511 
+            if (isGo) {
512 
+                // for(let i=0;i<valuesSelected.length;i++){
513 
+                //     if(!tagnames.includes(valuesSelected[i])){
514 
+                //         isTrue = false
515 
+                //     }
516 
+                // }
517 
+                if (skuId != itemid) {
518 
+                    isTrue = false
519 
+                }
520 
+                if (isTrue) {
521 
+
522 
+                    console.log(itemtagscombinationRes[i], 'itemtagscombinationRes[i]');
523 
+
524 
+
525 
+                    currentComb = itemtagscombinationRes[i];
526 
+                    // location.hash = itemtagscombinationRes[i].itemname.trim();
527 
+
528 
+                    // $('.productname').html(itemtagscombinationRes[i].itemname);
529 
+                    // $('#skudetailitem').val(itemtagscombinationRes[i].sku)
530 
+                    // $('.price').html(itemtagscombinationRes[i].pricelist)
531 
+
532 
+                    // appendSpecs(itemtagscombinationRes[i].itemid);
533 
+                    // $('.des_productdes').html(itemtagscombinationRes[i].itemdescription);
534 
+
535 
+                    updateDetailsByObj(itemtagscombinationRes[i]);
536 
+
537 
+
538 
+
539 
+                    isGo = false;
540 
+                    let { tagnames, tagids, pricelist } = itemtagscombinationRes[i];
541 
+                    tagids = tagids.split('|');
542 
+                    tagnames = tagnames.split('|');
543 
+                    $('.optiontaganwi').removeClass('borderselector');
544 
+
545 
+                    for (let i = 0; i < tagids.length; i++) {
546 
+
547 
+                        $(`[data-tagiditem="${tagids[i]}"]`).addClass('borderselector');
548 
+                    }
549 
+                    // tagiditem
550 
+                }
551 
+            }
552 
+        }
553 
+
554 
+
555 
+        if (isGo && itemtagscombinationRes.length != 0) {
556 
+
557 
+            console.log(itemtagscombinationRes[0]);
558 
+            let { tagnames, tagids, pricelist } = itemtagscombinationRes[0];
559 
+            tagids = tagids.split('|');
560 
+            tagnames = tagnames.split('|');
561 
+            $('.optiontaganwi').removeClass('borderselector');
562 
+            currentComb = itemtagscombinationRes[0];
563 
+            // updateItemId(itemtagscombinationRes[0].itemid);
564 
+
565 
+            for (let i = 0; i < tagids.length; i++) {
566 
+
567 
+                $(`[data-type="${tagids[i]}-${tagnames[i]}"]`).addClass('borderselector');
568 
+                $(`[data-type="${tagids[i]}-Eucalyptus Green"]`).removeClass('borderselector');
569 
+                $(`[data-type="${tagids[i]}-Desert Brown"]`).removeClass('borderselector');
570 
+                $(`[data-type="${tagids[i]}-Deep Sea Blue"]`).removeClass('borderselector');
571 
+            }
572 
+
573 
+            // $('.price').html(pricelist);
574 
+            // $('.des_productdes').html(itemtagscombinationRes[0].itemdescription);
575 
+            // appendSpecs(itemtagscombinationRes[0].itemid);
576 
+
577 
+            updateDetailsByObj(itemtagscombinationRes[0]);
578 
+            //console.log(childIds);
579 
+            //
580 
+
581 
+        }
582 
+
583 
+        //getAllCombination(valuesSelected)
584 
+
585 
+
586 
+
587 
+        // for(let i=0;i<itemtagscombinationRes.length;i++){
588 
+        //     const {tagnames} = itemtagscombinationRes[i];
589 
+
590 
+        // }
591 
+
592 
+        $('#spec-container-details').children().find('.specsmallcard').removeClass('specsmallcard');
593 
+
594 
+        addeventlisteners();
595 
+        loadingActions.removeLoader();
596 
+        return;
597 
+        // let resTwo = await postStatAPIService(`${SERVERNAME}/apis/v4/bizgaze/integrations/products/itemtagscombination/productid/${id}`);
598 
+
599 
+
600 
+        //let html = '';
601 
+        let attributesObj = {};
602 
+        for (let i = 0; i < res.length; i++) {
603 
+            const { parentattribute, tagid, productid } = res[i];
604 
+            // let attributes = await postStatAPIService(`${SERVERNAME}/apis/v4/bizgaze/integrations/products/productattributelist/parenttagid/${tagid}`);
605 
+            // attributesObj[tagid] = JSON.parse(attributes.data.result);
606 
+            // console.log(attributes.data.result,tagid);
607 
+            html += getParentHTML(parentattribute, productid, tagid, i == 0);
608 
+        }
609 
+
610 
+        $('#spec-container-details').html(html);
611 
+
612 
+
613 
+        // let attributes = await postStatAPIService(`${SERVERNAME}/apis/v4/bizgaze/integrations/products/productattributelist/parenttagid/${tagid}`);
614 
+        return;
615 
+        for (let attr in attributesObj) {
616 
+            const arr = attributesObj[attr];
617 
+
618 
+            let html = '';
619 
+            for (let i = 0; i < arr.length; i++) {
620 
+                const { attribute, tagid } = arr[i];
621 
+                html += getChildHTML(tagid, attribute, i == 0);
622 
+            }
623 
+
624 
+
625 
+            $(`[data-tagid="${attr}"]`).html(html);
626 
+
627 
+
628 
+        }
629 
+
630 
+        let defaultValues = await postStatAPIService(`${SERVERNAME}/apis/v4/bizgaze/integrations/products/sellableitemlist/productid/${id}`);
631 
+        defaultValues = JSON.parse(defaultValues.data.result);
632 
+        let { itemname, price } = defaultValues[0];
633 
+        $('.productname').html(itemname);
634 
+        $('.price').html(price)
635 
+
636 
+        $('#spec-container-details').children().slice(1).find('.specsmallcard').removeClass('specsmallcard');
637 
+
638 
+
639 
+
640 
+
641 
+        // getQuantityById(id)
642 
+
643 
+
644 
+
645 
+    }
646 
+
647 
+
648 
+}
649 
+startDetails();
650 
+

+ 188
- 0
dist/Js/products/accessories.js Visa fil 

@@ -0,0 +1,188 @@
1 
+function initAcc(){
2 
+    INIT();
3 
+    async function INIT(){
4 
+        const productsIds =  await getProductIds(['SSD ORA',"RAM ORA"]);
5 
+        appendWithIds(productsIds);
6 
+    }
7 
+
8 
+    async function appendWithIds(productsIds){
9 
+        let html = '';
10 
+        for(let i=0;i<productsIds.length;i++){
11 
+            let productId = productsIds[i];
12 
+            let res = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/itemtagscombination/productid/${productId}`,true);
13 
+
14 
+            if(res.isError){
15 
+                alert("something went wrong");
16 
+                return;
17 
+            }
18 
+
19 
+            res = JSON.parse(res.response.result);
20 
+            console.log(res);
21 
+
22 
+
23 
+            for(let j=0;j<res.length;j++){
24 
+                html += getRamCardHTML(res[j]);
25 
+            }
26 
+        }
27 
+
28 
+        $('.product_card_section').html(html)
29 
+    }
30 
+
31 
+    async function getProductIds(productsIdReqArr){
32 
+        let resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getallproducts`,true);
33 
+
34 
+        if(resData.isError){
35 
+            alert("Something went wrong");
36 
+            return;
37 
+        }
38 
+
39 
+        resData = JSON.parse(resData.response.result);
40 
+
41 
+        let productsIds = [];
42 
+
43 
+        for(let i=0;i<resData.length;i++){
44 
+            let curr = resData[i];
45 
+            let productname = curr.productname;
46 
+            if(productsIdReqArr.includes(productname)){
47 
+                productsIds.push(curr.productid)
48 
+            }
49 
+        }
50 
+        console.log(productsIds);
51 
+
52 
+        console.log(resData);
53 
+        return productsIds;
54 
+
55 
+    }
56 
+
57 
+    function getRamCardHTML({itemname,pricelist,itemid,sku,itemimageurl,productid}){
58 
+        let img = itemimageurl ? imgServerNameBuild(itemimageurl) : './dist/assets/imgs/nophoto.png'
59 
+        let tags = itemname.split('-');
60 
+        let ramTech = tags[tags.length-2];
61 
+        let gb =  tags[tags.length-1];
62 
+        const [currencySymbol,amount] = getCurrencySymbol(pricelist);
63 
+        let priceAmt = `${currencySymbol} ${amount}`;
64 
+
65 
+        let detailPageName;
66 
+        let addSearch = '?';
67 
+        if (window.location.href.includes('laptops')) {
68 
+            detailPageName = 'laptopdetails';
69 
+            let name = itemname.toLowerCase().includes('zeno') ? 'Zeno' : 'Fyro';
70 
+            addSearch = `?${name}`;
71 
+        } else {
72 
+            detailPageName = 'productdetails';
73 
+        };
74 
+
75 
+        debugger;
76 
+        return `<div class="col-lg-4 col-md-6 mb-4 col-md-6 ram_card cursor-pointer">
77 
+            <div class="card border bg-gray-3 rounded-3 p-1 h-100">
78 
+
79 
+            <a href="/${detailPageName}.html${addSearch}productId=${productid}#itemid=${itemid}" class=""><img  src="${img}" alt="${itemname}" class="w-100 h-100 p-5"></a>
80 
+                <div class="card-body">
81 
+                    <a href="/${detailPageName}.html${addSearch}productId=${productid}#itemid=${itemid}" class="">
82 
+                        <h5 class="card-title satoshi_font mb-0 px-2 text-center font-weight-600">${itemname}</h5>
83 
+                        </a>
84 
+                </div>
85 
+                <hr>
86 
+                <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;">
87 
+                    <li class="border-0 py-0">
88 
+                        <span class="satoshi_font">  <h6>${gb}</h6> <h6>${ramTech}</h6></span>
89 
+                    </li>
90 
+                    <li class="border-0 py-0">
91 
+                        <span class="satoshi_font"><h6>${pricelist?priceAmt:'Comming Soon'}</h6></span>
92 
+                    </li>
93 
+                </ul>
94 
+                <div class="card-body text-center">
95 
+                    <a href="/${detailPageName}.html?productId=${productid}#itemid=${itemid}" class="btn bg-white font-1-2 px-5 w-100">Details
96 
+                    </a>
97 
+                </div>
98 
+
99 
+            </div>
100 
+        </div>`
101 
+
102 
+        return `<div class="col-lg-4 col-md-6 mb-4 col-md-6 ram_card cursor-pointer">
103 
+        <div class="card border bg-gray-3 rounded-3 p-1 h-100">
104 
+
105 
+        <a href="/productdetails.html?productId=${RAM_ID}#itemid=${itemid}" class=""><img src="${img}" alt="${itemname}" class="w-100 h-100"></a>
106 
+            <div class="card-body">
107 
+            <a href="/productdetails.html?productId=${RAM_ID}#itemid=${itemid}" class="">
108 
+                <h5 class="card-title satoshi_font mb-0 px-2 text-center font-weight-600">${itemname}</h5>
109 
+                </a>
110 
+            </div>
111 
+            <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;">
112 
+                <li class="border-0 py-0">
113 
+                    <span class="satoshi_font">  <h6>${gb}</h6> <h6>${ramTech}</h6></span>
114 
+                </li>
115 
+                <li class="border-0 py-0">
116 
+                    <span class="satoshi_font"><h6>${priceAmt}</h6></span>
117 
+                </li>
118 
+            </ul>
119 
+            <div class="card-body text-center">
120 
+                <a href="/productdetails.html?productId=${RAM_ID}#itemid=${itemid}" class="btn bg-white font-1-2 px-5 w-100">Details
121 
+                </a>
122 
+            </div>
123 
+
124 
+        </div>
125 
+    </div>`;
126 
+
127 
+        //abhi anna design
128 
+        return `
129 
+
130 
+            <!--desktop--->
131 
+            <div class="col-sm-4 p-3">
132 
+                <div class="product_card_3 shadow ram_card">
133 
+                    <div class="card-item-header">
134 
+                        <div class="card-header-sub-3"><a class=" py-md-1" href="/productdetails.html?productId=${RAM_ID}#itemid=${itemid}">
135 
+                        <img src="${img}" class="w-100 h-100"></a>
136 
+                        </div>
137 
+                    </div>
138 
+                    <div class="card-item-body">
139 
+                      <h3 cclass="mb-2"> <a href="/productdetails.html?productId=${RAM_ID}#itemid=${itemid}" class="" >  ${itemname} </a></h3>
140 
+                      <hr>
141 
+                        <h6>${gb}</h6> <h6>${ramTech}</h6><h6>${priceAmt}</h6>
142 
+                        <div class="py-2 card_product_footer">
143 
+                            <button   data-sku="${sku}" data-itemid="${itemid}" class="w-100 border-0 ramcard bg-transparent 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 </button>
144 
+                        </div>
145 
+                    </div>
146 
+                </div>
147 
+         </div>
148 
+           `;
149 
+        return `<div class="col-lg-3 col-md-6 ram_card">
150 
+        <div class="card shadow border-0 p-1 h-100">
151 
+            <a href="#">
152 
+                <img src="../dist/assets/imgs/Navbar/ora_ddr5_laptop.png" class="card-img-top" alt="...">
153 
+            </a>
154 
+            <div class="card-body">
155 
+                <a href="#" class="text-decoration-none text-dark">
156 
+                    <h5 class="card-title satoshi_font mb-0">
157 
+                        ${itemname}
158 
+                    </h5>
159 
+                </a>
160 
+            </div>
161 
+            <ul class="list-group list-group-flush">
162 
+                <li class="list-group-item border-0 py-0">
163 
+                    <span class="satoshi_font">${gb} ${ramTech}</span>
164 
+                </li>
165 
+                <li class="list-group-item border-0 py-0">
166 
+                    <span class="satoshi_font">3200 Mhz</span>
167 
+                </li>
168 
+            </ul>
169 
+            <div class="card-body d-none">
170 
+                <button class="btn--md btn-primary w-100 card-link">
171 
+                    <span class="cost currency-symbol">₹</span><span class="cost product-price satoshi_font">${pricelist}</span>
172 
+                </button>
173 
+            </div>
174 
+            <div class="card-body text-center">
175 
+                <div  data-sku="${sku}" data-itemid="${itemid}" class="bg-black ramcard btn font-1-2 px-5 text-white w-100 satoshi_font" data_des="Upgrade your laptop with DDR4 Laptop
176 
+                    Memory, oering 3200 MHz speed in 8, 16,
177 
+                    and 32 GB capacities. Experience enhanced
178 
+                    thermal performance, increased longevity,
179 
+                    and superior performance with our
180 
+                    innovative graphene sticker technology." data_name="ORA 8GB DDR4 3200MHz Laptop RAM ">Details
181 
+                </div>
182 
+            </div>
183 
+        </div>
184 
+    </div>`
185 
+    }
186 
+}
187 
+
188 
+initAcc();

+ 316
- 0
dist/Js/products/allinoneproduct.js Visa fil 

@@ -0,0 +1,316 @@
1 
+function ramProductsInit(){
2 
+    let RAM_ID =  '';
3 
+
4 
+    async function init(){
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 
+
14 
+    async function getProductsIds(nameArr){
15 
+        let resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getallproducts`,true);
16 
+        if(resData.isError){
17 
+            toasterHelper("error","Something went wrong!")
18 
+            return;
19 
+        }
20 
+
21 
+        let res = resData.response;
22 
+
23 
+        res = JSON.parse(res.result);
24 
+        let ids = [];
25 
+
26 
+        for(let i=0;i<nameArr.length;i++){
27 
+            const currName = nameArr[i];
28 
+            let id = res.find((item)=>{
29 
+                if(currName === item.productname){
30 
+                    return item.productid;
31 
+                }
32 
+            })
33 
+            if(id){
34 
+                ids.push(id);
35 
+            }
36 
+        }
37 
+
38 
+        return ids;
39 
+
40 
+    }
41 
+
42 
+    async function getallproductsFun(){
43 
+        let laptopStr = ['FYRO Flagship','Zeno Dualbook','Zeno Sleekbook'];
44 
+        let allInOnesStr = ['AIO Zeno','AIO Fyro'];
45 
+
46 
+
47 
+
48 
+        let name = window.location.href;
49 
+
50 
+        name = name.includes('laptops') ?laptopStr : allInOnesStr;
51 
+
52 
+        const ids = await getProductsIds(name);
53 
+
54 
+        console.log(ids);
55 
+
56 
+        return ids;
57 
+
58 
+    }
59 
+
60 
+    function getProductIdService(){
61 
+        return new Promise(async (reslove,reject)=>{
62 
+
63 
+            let resData =await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getallproducts`,true);
64 
+           if(resData.isError){
65 
+                alert(resData.errorMsg.message);
66 
+                return;
67 
+            }
68 
+
69 
+            let res = resData.response;
70 
+
71 
+            res = JSON.parse(res.result);
72 
+
73 
+            console.log(res);
74 
+
75 
+            let searchName = window.location.search.split('?')[1];
76 
+            let urlPathName = window.location.pathname;
77 
+            let searchTerm = '';
78 
+             if(urlPathName.includes('ram')){
79 
+                searchTerm = "RAM ORA";
80 
+            }else if(urlPathName.includes('storage')){
81 
+                searchTerm = `SSD ORA`;
82 
+            }else{
83 
+                searchTerm = searchName.replaceAll('%20',' ');
84 
+            }
85 
+            let resultItem = [];
86 
+
87 
+            if(searchTerm.toLowerCase() === 'zeno'){
88 
+                for(let i=0;i<res.length;i++){
89 
+                    if(res[i].productname.includes("Zeno Sleekbook")||res[i].productname.includes("Zeno Dualbook")){
90 
+                        resultItem.push( res[i])
91 
+
92 
+                    }
93 
+                }
94 
+
95 
+                return reslove(resultItem)
96 
+            }else if(searchTerm.toLowerCase() === 'fyro'){
97 
+                for(let i=0;i<res.length;i++){
98 
+                    if(res[i].productname.includes("FYRO Flagship")){
99 
+                        resultItem.push( res[i]);
100 
+                        return reslove(resultItem)
101 
+                    }
102 
+                }
103 
+            }else{
104 
+                for(let i=0;i<res.length;i++){
105 
+                    if(res[i].productname.includes(searchTerm)){
106 
+                        resultItem.push( res[i])
107 
+
108 
+                    }
109 
+                }
110 
+
111 
+                return reslove(resultItem)
112 
+            }
113 
+
114 
+
115 
+
116 
+        });
117 
+    }
118 
+
119 
+    async function getRamData(ids){
120 
+        let resData;
121 
+        let res
122 
+        let data = [];
123 
+       let windowSearch = window.location.href;
124 
+        for(let i=0;i<ids.length;i++){
125 
+            let id = ids[i].productid;
126 
+            if (windowSearch.includes('laptops')||windowSearch.includes('allinones')) {
127 
+                resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/Bizgaze/integrations/products/getitemwithoutbranch/productid/${id}`, true);
128 
+            }
129 
+            else {
130 
+                resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/itemtagscombination/productid/${id}`, true);
131 
+            }
132 
+            if(resData.isError){
133 
+                alert(resData.errorMsg.message);
134 
+                return;
135 
+            }
136 
+
137 
+            res = resData.response;
138 
+
139 
+            res = JSON.parse(res.result);
140 
+            data = [...data,...res];
141 
+        }
142 
+
143 
+
144 
+
145 
+
146 
+
147 
+        console.log(data);
148 
+        let html = '';
149 
+
150 
+        for(let i=0;i<data.length;i++){
151 
+            if(data[i].itemname.includes('AIO Fyro - 32')) continue;
152 
+            html += getRamCardHTML(data[i]);
153 
+        }
154 
+
155 
+        $('.product_card_section').html(html);
156 
+
157 
+        if(window.location.href.includes("?AIO%20Fyro")){
158 
+            $(".processor_name").text("i7 / i9");
159 
+            $('.product_card_section div.ram_card').addClass("d-none");
160 
+            $('.product_card_section div.ram_card:nth-child(1)').removeClass("d-none");
161 
+        }
162 
+        if(window.location.href.includes("?AIO%20Zeno")){
163 
+             $('.product_card_section div.ram_card').addClass("d-none");
164 
+             $('.product_card_section div.ram_card:nth-child(14)').removeClass("d-none");
165 
+             $('.product_card_section div.ram_card:nth-child(15)').removeClass("d-none");
166 
+        }
167 
+        // $('.ramcard').click(function(e){
168 
+
169 
+        //     let sku = $(e.target).data('itemid');
170 
+        //     let itemid = $(e.target).data('itemid');
171 
+
172 
+        //     window.location.href = `/productdetails.html?productId=${RAM_ID}#itemid=${itemid}`
173 
+
174 
+        // })
175 
+    }
176 
+
177 
+    function getRamCardHTML({itemname,pricelist,itemid,sku,itemimageurl,productid}){
178 
+        let img = itemimageurl ? imgServerNameBuild(itemimageurl) : './dist/assets/imgs/nophoto.png'
179 
+        let tags = itemname.split('-');
180 
+        let ramTech = tags[tags.length-2];
181 
+        let gb =  tags[tags.length-1];
182 
+        const [currencySymbol,amount] = getCurrencySymbol(pricelist);
183 
+        let priceAmt = `${currencySymbol} ${amount}`;
184 
+
185 
+        let detailPageName;
186 
+        debugger;
187 
+        let addSearch = '';
188 
+        if (window.location.href.includes('laptops')||window.location.href.includes('allinones')) {
189 
+            detailPageName = 'laptopdetails';
190 
+            let name = itemname.toLowerCase().includes('zeno') ? 'Zeno' : 'Fyro';
191 
+            addSearch = `?${name}`;
192 
+        } else {
193 
+            // detailPageName = 'productdetails';
194 
+           detailPageName = 'laptopdetails';
195 
+        };
196 
+        return `<div class="col-lg-4 col-md-6 mb-4 col-md-6 ram_card cursor-pointer">
197 
+            <div class="card border bg-gray-3 rounded-3 p-1 h-100">
198 
+
199 
+            <a href="/${detailPageName}.html${addSearch}#productId=${productid}#itemid=${itemid}" class=""><img loading="lazy" src="${img}" alt="${itemname}" class="w-100 h-100 p-5"></a>
200 
+                <div class="card-body">
201 
+                    <a href="/${detailPageName}.html${addSearch}#productId=${productid}#itemid=${itemid}" class="">
202 
+                        <h5 class="card-title satoshi_font mb-0 px-2 text-center font-weight-600">${itemname}</h5>
203 
+                        </a>
204 
+                </div>
205 
+                <hr>
206 
+                <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;">
207 
+                    <li class="mb-0 processor_name">i3 / 15 / i7</li>
208 
+                </ul>
209 
+                <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;">
210 
+                    <li class="border-0 py-0">
211 
+                        <span class="satoshi_font">
212 
+                            <h6>${gb}</h6>
213 
+                            <h6 class="d-none">${ramTech}</h6>
214 
+                        </span>
215 
+                    </li>
216 
+                    <li class="border-0 py-0">
217 
+                        <span class="satoshi_font"><h6>${pricelist?priceAmt:'Comming Soon'}</h6></span>
218 
+                    </li>
219 
+                </ul>
220 
+                <div class="card-body text-center">
221 
+                    <a href="/${detailPageName}.html${addSearch}#productId=${productid}#itemid=${itemid}" class="btn bg-white font-1-2 px-5 w-100">Details
222 
+                    </a>
223 
+                </div>
224 
+
225 
+            </div>
226 
+        </div>`
227 
+
228 
+        return `<div class="col-lg-4 col-md-6 mb-4 col-md-6 ram_card cursor-pointer">
229 
+        <div class="card border bg-gray-3 rounded-3 p-1 h-100">
230 
+
231 
+        <a href="/productdetails.html?productId=${RAM_ID}#itemid=${itemid}" class=""><img src="${img}" alt="${itemname}" class="w-100 h-100"></a>
232 
+            <div class="card-body">
233 
+            <a href="/productdetails.html?productId=${RAM_ID}#itemid=${itemid}" class="">
234 
+                <h5 class="card-title satoshi_font mb-0 px-2 text-center font-weight-600">${itemname}</h5>
235 
+                </a>
236 
+            </div>
237 
+            <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;">
238 
+                <li class="border-0 py-0">
239 
+                    <span class="satoshi_font">  <h6>${gb}</h6> <h6>${ramTech}</h6></span>
240 
+                </li>
241 
+                <li class="border-0 py-0">
242 
+                    <span class="satoshi_font"><h6>${priceAmt}</h6></span>
243 
+                </li>
244 
+            </ul>
245 
+            <div class="card-body text-center">
246 
+                <a href="/productdetails.html?productId=${RAM_ID}#itemid=${itemid}" class="btn bg-white font-1-2 px-5 w-100">Details
247 
+                </a>
248 
+            </div>
249 
+
250 
+        </div>
251 
+    </div>`;
252 
+
253 
+        //abhi anna design
254 
+        return `
255 
+
256 
+            <!--desktop--->
257 
+            <div class="col-sm-4 p-3">
258 
+                <div class="product_card_3 shadow ram_card">
259 
+                    <div class="card-item-header">
260 
+                        <div class="card-header-sub-3"><a class=" py-md-1" href="/productdetails.html?productId=${RAM_ID}#itemid=${itemid}">
261 
+                        <img src="${img}" class="w-100 h-100"></a>
262 
+                        </div>
263 
+                    </div>
264 
+                    <div class="card-item-body">
265 
+                      <h3 cclass="mb-2"> <a href="/productdetails.html?productId=${RAM_ID}#itemid=${itemid}" class="" >  ${itemname} </a></h3>
266 
+                      <hr>
267 
+                        <h6>${gb}</h6> <h6>${ramTech}</h6><h6>${priceAmt}</h6>
268 
+                        <div class="py-2 card_product_footer">
269 
+                            <button   data-sku="${sku}" data-itemid="${itemid}" class="w-100 border-0 ramcard bg-transparent 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 </button>
270 
+                        </div>
271 
+                    </div>
272 
+                </div>
273 
+         </div>
274 
+           `;
275 
+        return `<div class="col-lg-3 col-md-6 ram_card">
276 
+        <div class="card shadow border-0 p-1 h-100">
277 
+            <a href="#">
278 
+                <img src="../dist/assets/imgs/Navbar/ora_ddr5_laptop.png" class="card-img-top" alt="...">
279 
+            </a>
280 
+            <div class="card-body">
281 
+                <a href="#" class="text-decoration-none text-dark">
282 
+                    <h5 class="card-title satoshi_font mb-0">
283 
+                        ${itemname}
284 
+                    </h5>
285 
+                </a>
286 
+            </div>
287 
+            <ul class="list-group list-group-flush">
288 
+                <li class="list-group-item border-0 py-0">
289 
+                    <span class="satoshi_font">${gb} ${ramTech}</span>
290 
+                </li>
291 
+                <li class="list-group-item border-0 py-0">
292 
+                    <span class="satoshi_font">3200 Mhz</span>
293 
+                </li>
294 
+            </ul>
295 
+            <div class="card-body d-none">
296 
+                <button class="btn--md btn-primary w-100 card-link">
297 
+                    <span class="cost currency-symbol">₹</span><span class="cost product-price satoshi_font">${pricelist}</span>
298 
+                </button>
299 
+            </div>
300 
+            <div class="card-body text-center">
301 
+                <div  data-sku="${sku}" data-itemid="${itemid}" class="bg-black ramcard btn font-1-2 px-5 text-white w-100 satoshi_font" data_des="Upgrade your laptop with DDR4 Laptop
302 
+                    Memory, oering 3200 MHz speed in 8, 16,
303 
+                    and 32 GB capacities. Experience enhanced
304 
+                    thermal performance, increased longevity,
305 
+                    and superior performance with our
306 
+                    innovative graphene sticker technology." data_name="ORA 8GB DDR4 3200MHz Laptop RAM ">Details
307 
+                </div>
308 
+            </div>
309 
+        </div>
310 
+    </div>`
311 
+    }
312 
+
313 
+    init();
314 
+}
315 
+
316 
+ramProductsInit();

+ 419
- 0
dist/Js/products/laptopproduct.js Visa fil 

@@ -0,0 +1,419 @@
1 
+function ramProductsInit(){
2 
+    let RAM_ID =  '';
3 
+
4 
+    async function init(){
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 
+
14 
+    async function getProductsIds(nameArr){
15 
+        let resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getallproducts`,true);
16 
+        if(resData.isError){
17 
+            toasterHelper("error","Something went wrong!")
18 
+            return;
19 
+        }
20 
+
21 
+        let res = resData.response;
22 
+
23 
+        res = JSON.parse(res.result);
24 
+        let ids = [];
25 
+
26 
+        for(let i=0;i<nameArr.length;i++){
27 
+            const currName = nameArr[i];
28 
+            let id = res.find((item)=>{
29 
+                if(currName === item.productname){
30 
+                    return item.productid;
31 
+                }
32 
+            })
33 
+            if(id){
34 
+                ids.push(id);
35 
+            }
36 
+        }
37 
+
38 
+        return ids;
39 
+
40 
+    }
41 
+
42 
+    async function getallproductsFun(){
43 
+        let laptopStr = ['FYRO Flagship','Zeno Dualbook','Zeno Sleekbook'];
44 
+        let allInOnesStr = ['AIO Zeno','AIO Fyro'];
45 
+
46 
+
47 
+
48 
+        let name = window.location.href;
49 
+
50 
+        name = name.includes('laptops') ?laptopStr : allInOnesStr;
51 
+
52 
+        const ids = await getProductsIds(name);
53 
+
54 
+        console.log(ids);
55 
+
56 
+        return ids;
57 
+
58 
+    }
59 
+
60 
+    function getProductIdService(){
61 
+        return new Promise(async (reslove,reject)=>{
62 
+
63 
+            let resData =await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/getallproducts`,true);
64 
+           if(resData.isError){
65 
+                alert(resData.errorMsg.message);
66 
+                return;
67 
+            }
68 
+
69 
+            let res = resData.response;
70 
+
71 
+            res = JSON.parse(res.result);
72 
+
73 
+            // console.log(res);
74 
+
75 
+            let searchName = window.location.search.split('?')[1];
76 
+            let urlPathName = window.location.pathname;
77 
+            let searchTerm = '';
78 
+             if(urlPathName.includes('ram')){
79 
+                searchTerm = "RAM ORA";
80 
+            }else if(urlPathName.includes('storage')){
81 
+                searchTerm = `SSD ORA`;
82 
+            }else{
83 
+                searchTerm = searchName.replaceAll('%20',' ');
84 
+            }
85 
+            let resultItem = [];
86 
+
87 
+            if(searchTerm.toLowerCase() === 'zeno'){
88 
+                for(let i=0;i<res.length;i++){
89 
+                    if(res[i].productname.includes("Zeno Sleekbook")||res[i].productname.includes("Zeno Dualbook")){
90 
+                        resultItem.push( res[i])
91 
+
92 
+                    }
93 
+                }
94 
+
95 
+                return reslove(resultItem)
96 
+            }else if(searchTerm.toLowerCase() === 'fyro'){
97 
+                for(let i=0;i<res.length;i++){
98 
+                    if(res[i].productname.includes("FYRO Flagship")){
99 
+                        resultItem.push(res[i]);
100 
+                        return reslove(resultItem)
101 
+                    }
102 
+                }
103 
+            }else{
104 
+                for(let i=0;i<res.length;i++){
105 
+                    if(res[i].productname.includes(searchTerm)){
106 
+                        resultItem.push(res[i])
107 
+
108 
+                    }
109 
+                }
110 
+
111 
+                return reslove(resultItem)
112 
+            }
113 
+
114 
+
115 
+
116 
+        });
117 
+    }
118 
+
119 
+    async function getRamData(ids){
120 
+        let resData;
121 
+        let res
122 
+        let data = [];
123 
+       let windowSearch = window.location.href;
124 
+        for(let i=0;i<ids.length;i++){
125 
+            let id = ids[i].productid;
126 
+            if (windowSearch.includes('laptops')||windowSearch.includes('allinones')) {
127 
+                resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/Bizgaze/integrations/products/getitemwithoutbranch/productid/${id}`, true);
128 
+            }
129 
+            else {
130 
+                resData = await API_SERVICES_ACTIONS.getAPIService(`apis/v4/bizgaze/integrations/products/itemtagscombination/productid/${id}`, true);
131 
+            }
132 
+            if(resData.isError){
133 
+                alert(resData.errorMsg.message);
134 
+                return;
135 
+            }
136 
+
137 
+            res = resData.response;
138 
+
139 
+            res = JSON.parse(res.result);
140 
+            data = [...data,...res];
141 
+        }
142 
+
143 
+
144 
+
145 
+
146 
+
147 
+        console.log(data);
148 
+        let html = '';
149 
+
150 
+        for(let i=0;i<data.length;i++){
151 
+            console.log(data[i].tagids);
152 
+            let tags_id = data[i].tagids;
153 
+            let tags_filter = tags_id.includes("106631360000087");
154 
+            let tags_filter_2 = tags_id.includes("106631360000088");
155 
+            let tags_filter_3 = tags_id.includes("106631360000089");
156 
+
157 
+            if(tags_filter == false && tags_filter_2 == false && tags_filter_3 == false){
158 
+                        if(data[i].itemname.includes('AIO Fyro - 32')) continue;
159 
+                        html += getRamCardHTML(data[i]);
160 
+            }
161 
+            else{
162 
+                let data_name = tags_id.includes("106631360000087");
163 
+                let name_id = data[i].tagids.includes("106631360000087");
164 
+                if(data_name === true && name_id === true){
165 
+                    for(let j=0;j<data.length;j++){
166 
+                        if(j==0){
167 
+                            if(data[j].itemname.includes('AIO Fyro - 32')) continue;
168 
+                            html += getRamCardHTML(data[i]);
169 
+                        }
170 
+                    }
171 
+
172 
+                }
173 
+            }
174 
+        }
175 
+        $('.product_card_section').html(html);
176 
+        if(window.location.href.includes("?Zeno")){
177 
+            $('.product_card_section div.ram_card:nth-child(1)').addClass("d-none");
178 
+            $('.product_card_section div.ram_card:nth-child(6)').addClass("d-none");
179 
+        }
180 
+        if(window.location.href.includes("?FYRO")){
181 
+             $('.product_card_section div.ram_card:nth-child(3)').addClass("d-none");
182 
+             $('.product_card_section div.ram_card:nth-child(7)').addClass("d-none");
183 
+             $('.product_card_section div.ram_card:nth-child(8)').addClass("d-none");
184 
+        }
185 
+        // $('.ramcard').click(function(e){
186 
+
187 
+        //     let sku = $(e.target).data('itemid');
188 
+        //     let itemid = $(e.target).data('itemid');
189 
+
190 
+        //     window.location.href = `/productdetails.html?productId=${RAM_ID}#itemid=${itemid}`
191 
+
192 
+        // })
193 
+    }
194 
+
195 
+    function getRamCardHTML({itemname,pricelist,itemid,sku,itemimageurl,productid,tagnames}){
196 
+        let img = itemimageurl ? imgServerNameBuild(itemimageurl) : './dist/assets/imgs/nophoto.png'
197 
+        let tags = itemname.split('-');
198 
+        let ramTech = tags[tags.length-2];
199 
+        let tag_name = tagnames.split('|');
200 
+
201 
+        let gb =  tags[tags.length-1];
202 
+        const [currencySymbol,amount] = getCurrencySymbol(pricelist);
203 
+        let priceAmt = `${currencySymbol} ${amount}`;
204 
+
205 
+        let detailPageName;
206 
+        let addSearch = '';
207 
+        if (window.location.href.includes('laptops')) {
208 
+            detailPageName = 'laptopdetails';
209 
+            let name = itemname.toLowerCase().includes('zeno') ? 'Zeno' : 'Fyro';
210 
+            addSearch = `?${name}`;
211 
+        } else {
212 
+            detailPageName = 'productdetails';
213 
+
214 
+        };
215 
+
216 
+        let color_name = tag_name[tag_name.length-1].trim();
217 
+        let processor_name1 = tagnames.includes("i7");
218 
+        let processor_name2 = tagnames.includes("i5");
219 
+        let processor_name3 = tagnames.includes("i3");
220 
+        let dul_core = itemname.includes("Zeno Dualbook");
221 
+
222 
+
223 
+        let processor;
224 
+        if( processor_name1 === true){
225 
+            if(dul_core === true){
226 
+                processor = `i7`
227 
+            }else{
228 
+                processor = `i5 / i7`
229 
+            }
230 
+
231 
+        }else if( processor_name2 === true){
232 
+            if(dul_core === true){
233 
+                processor = `i7`
234 
+            }else{
235 
+                processor = `i5 / i7`
236 
+            }
237 
+        }else if( processor_name3 === true){
238 
+            processor = `i3`
239 
+        }
240 
+        else if(itemname.includes("I7") || itemname.includes("i7")){
241 
+            let fyro_data_2 = itemname.includes("RTX 4060");
242 
+            if(fyro_data_2 === true){
243 
+                processor = `i5 / i7 / i9`
244 
+            }else{
245 
+                processor = `i5 / i7`
246 
+            }
247 
+
248 
+        }else if(itemname.includes("I9") || itemname.includes("i9")){
249 
+            let fyro_data_1 = itemname.includes("RTX 4050");
250 
+            let fyro_data_2 = itemname.includes("RTX 4060");
251 
+            if(fyro_data_1 === true || fyro_data_2 === true){
252 
+                processor = `i5 / i7 / i9`
253 
+            }else{
254 
+                processor = `i9`
255 
+            }
256 
+
257 
+        }else if(itemname.includes("I5") || itemname.includes("i5")){
258 
+            let fyro_data = itemname.includes("RTX 4060");
259 
+            if(fyro_data === true){
260 
+                processor = `i5 / i7 / i9`
261 
+            }
262 
+            else{
263 
+                processor = `i5 / i7 / i9`
264 
+            }
265 
+
266 
+        }
267 
+
268 
+
269 
+        let item_color_1;
270 
+        let item_color_2;
271 
+        let item_color_3;
272 
+        let item_color_4;
273 
+        if(color_name == "Eucalyptus Green" || color_name == "Desert Brown"){
274 
+            item_color_1 = `#5e7975`;
275 
+            item_color_2 = `#624839`;
276 
+            item_color_3 = `#253746`;
277 
+        }else if( color_name == "Deep Sea Blue"){
278 
+            item_color_1 = `#5e7975`;
279 
+            item_color_2 = `#624839`;
280 
+            item_color_3 = `#253746`;
281 
+        }
282 
+        else{
283 
+            if(color_name.length <=14){
284 
+                item_color_4 = ``;
285 
+            }else{
286 
+                item_color_4 = `#0d0a08`;
287 
+            }
288 
+        }
289 
+        debugger;
290 
+        return `<div class="col-lg-4 col-md-6 mb-4 col-md-6 ram_card cursor-pointer">
291 
+            <div class="card border bg-gray-3 rounded-3 p-1 h-100">
292 
+
293 
+            <a href="/${detailPageName}.html${addSearch}#productId=${productid}#itemid=${itemid}" class="">
294 
+            <img  src="${img}" alt="${itemname}" class="p-5" style="width:350px;height:300px"></a>
295 
+                <div class="card-body">
296 
+                    <a href="/${detailPageName}.html${addSearch}#productId=${productid}#itemid=${itemid}" class="">
297 
+                        <h5 class="card-title satoshi_font mb-0 px-2 text-center font-weight-600">${itemname}</h5>
298 
+                        </a>
299 
+                </div>
300 
+                <hr>
301 
+                <ul class="border-0 mb-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary" style="list-style: none;">
302 
+                    <li class="processor_name"><img src="../dist/assets/imgs/processor.svg" class="w-20p pe-1"/><span class="pt-1">${processor?processor:""}</span></li>
303 
+                    <li class="d-flex justify-content-between">
304 
+                        <p item_color=${item_color_1} class="colors mb-0 me-1" ${item_color_1?`style="width:18px;height:18px;border-radius:0%;background-color:${item_color_1}"`:''}></p>
305 
+                        <p item_color=${item_color_2} class="mb-0 me-1" ${item_color_2?`style="width:18px;height:18px;border-radius:0%;background-color:${item_color_2}"`:''}></p>
306 
+                        <p item_color=${item_color_3} class="mb-0" ${item_color_3?`style="width:18px;height:18px;border-radius:0%;background-color:${item_color_3}"`:''}></p>
307 
+                        <p item_color=${item_color_4} class="mb-0" ${item_color_4?`style="width:18px;height:18px;border-radius:0%;background-color:${item_color_4}"`:''}></p>
308 
+                    </li>
309 
+                </ul>
310 
+                <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;">
311 
+
312 
+                    <li class="border-0 py-0">
313 
+                        <span class="satoshi_font">
314 
+                            <h6><img src="../dist/assets/imgs/laptop-icon.png" class="w-20p pe-1"/>${gb}</h6>
315 
+                        </span>
316 
+                    </li>
317 
+                    <li class="border-0 py-0">
318 
+                        <span class="satoshi_font"><h6>${pricelist?priceAmt:'Comming Soon'}</h6></span>
319 
+                    </li>
320 
+                </ul>
321 
+                <div class="card-body text-center">
322 
+                    <a href="/${detailPageName}.html${addSearch}#productId=${productid}#itemid=${itemid}" class="btn bg-white font-1-2 px-5 w-100">Details
323 
+                    </a>
324 
+                </div>
325 
+
326 
+            </div>
327 
+        </div>`;
328 
+
329 
+
330 
+
331 
+        return `<div class="col-lg-4 col-md-6 mb-4 col-md-6 ram_card cursor-pointer">
332 
+        <div class="card border bg-gray-3 rounded-3 p-1 h-100">
333 
+
334 
+        <a href="/productdetails.html?productId=${RAM_ID}#itemid=${itemid}" class=""><img src="${img}" alt="${itemname}" class="w-100 h-100"></a>
335 
+            <div class="card-body">
336 
+            <a href="/productdetails.html?productId=${RAM_ID}#itemid=${itemid}" class="">
337 
+                <h5 class="card-title satoshi_font mb-0 px-2 text-center font-weight-600">${itemname}</h5>
338 
+                </a>
339 
+            </div>
340 
+            <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;">
341 
+                <li class="border-0 py-0">
342 
+                    <span class="satoshi_font">  <h6>${gb}</h6> <h6>${ramTech}</h6></span>
343 
+                </li>
344 
+                <li class="border-0 py-0">
345 
+                    <span class="satoshi_font"><h6>${priceAmt}</h6></span>
346 
+                </li>
347 
+            </ul>
348 
+            <div class="card-body text-center">
349 
+                <a href="/productdetails.html?productId=${RAM_ID}#itemid=${itemid}" class="btn bg-white font-1-2 px-5 w-100">Details
350 
+                </a>
351 
+            </div>
352 
+
353 
+        </div>
354 
+    </div>`;
355 
+
356 
+        //abhi anna design
357 
+        return `
358 
+
359 
+            <!--desktop--->
360 
+            <div class="col-sm-4 p-3">
361 
+                <div class="product_card_3 shadow ram_card">
362 
+                    <div class="card-item-header">
363 
+                        <div class="card-header-sub-3"><a class=" py-md-1" href="/productdetails.html?productId=${RAM_ID}#itemid=${itemid}">
364 
+                        <img src="${img}" class="w-100 h-100"></a>
365 
+                        </div>
366 
+                    </div>
367 
+                    <div class="card-item-body">
368 
+                      <h3 cclass="mb-2"> <a href="/productdetails.html?productId=${RAM_ID}#itemid=${itemid}" class="" >  ${itemname} </a></h3>
369 
+                      <hr>
370 
+                        <h6>${gb}</h6> <h6>${ramTech}</h6><h6>${priceAmt}</h6>
371 
+                        <div class="py-2 card_product_footer">
372 
+                            <button   data-sku="${sku}" data-itemid="${itemid}" class="w-100 border-0 ramcard bg-transparent 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 </button>
373 
+                        </div>
374 
+                    </div>
375 
+                </div>
376 
+         </div>
377 
+           `;
378 
+        return `<div class="col-lg-3 col-md-6 ram_card">
379 
+        <div class="card shadow border-0 p-1 h-100">
380 
+            <a href="#">
381 
+                <img src="../dist/assets/imgs/Navbar/ora_ddr5_laptop.png" class="card-img-top" alt="...">
382 
+            </a>
383 
+            <div class="card-body">
384 
+                <a href="#" class="text-decoration-none text-dark">
385 
+                    <h5 class="card-title satoshi_font mb-0">
386 
+                        ${itemname}
387 
+                    </h5>
388 
+                </a>
389 
+            </div>
390 
+            <ul class="list-group list-group-flush">
391 
+                <li class="list-group-item border-0 py-0">
392 
+                    <span class="satoshi_font">${gb} ${ramTech}</span>
393 
+                </li>
394 
+                <li class="list-group-item border-0 py-0">
395 
+                    <span class="satoshi_font">3200 Mhz</span>
396 
+                </li>
397 
+            </ul>
398 
+            <div class="card-body d-none">
399 
+                <button class="btn--md btn-primary w-100 card-link">
400 
+                    <span class="cost currency-symbol">₹</span><span class="cost product-price satoshi_font">${pricelist}</span>
401 
+                </button>
402 
+            </div>
403 
+            <div class="card-body text-center">
404 
+                <div  data-sku="${sku}" data-itemid="${itemid}" class="bg-black ramcard btn font-1-2 px-5 text-white w-100 satoshi_font" data_des="Upgrade your laptop with DDR4 Laptop
405 
+                    Memory, oering 3200 MHz speed in 8, 16,
406 
+                    and 32 GB capacities. Experience enhanced
407 
+                    thermal performance, increased longevity,
408 
+                    and superior performance with our
409 
+                    innovative graphene sticker technology." data_name="ORA 8GB DDR4 3200MHz Laptop RAM ">Details
410 
+                </div>
411 
+            </div>
412 
+        </div>
413 
+    </div>`
414 
+    }
415 
+
416 
+    init();
417 
+}
418 
+
419 
+ramProductsInit();

+ 29
- 0
dist/Js/support/supportticket.js Visa fil 

@@ -0,0 +1,29 @@
1 
+function supportTicketNoInit(){
2 
+    let ticketId = null;
3 
+
4 
+    INIT();
5 
+
6 
+    function INIT(){
7 
+        ticketId = window.location.search.split("=")[1];
8 
+        getTicketData(ticketId);
9 
+    }
10 
+
11 
+    async function getTicketData(id){
12 
+       let res =  await API_SERVICES_ACTIONS.getAPIService(`apis/v4/anwisystems/integrations/products/getticketdetails/ticketno/${id}`);
13 
+
14 
+       if(res.isError){
15 
+        toasterHelper("error",res.errorMsg,`toast-top-right`);
16 
+        return;
17 
+       }
18 
+
19 
+       res = JSON.parse(res.response.result)[0];
20 
+
21 
+       $('.description_support').html(res['Description']);
22 
+       $('.ticketidsupport').html(res['ticketno']);
23 
+       $('.raiseddate').html(res['Raised Date']);
24 
+
25 
+       console.log(res);
26 
+    }
27 
+}
28 
+
29 
+supportTicketNoInit();

Binär
dist/assets/imgs/Home_new/fyro_logo.png Visa fil


Binär
dist/assets/imgs/fyro_laptop_images/14 inches.png Visa fil


Binär
dist/assets/imgs/fyro_laptop_images/15 inches.png Visa fil


Binär
dist/assets/imgs/fyro_laptop_images/17 inches.png Visa fil


+ 17
- 0
dist/assets/imgs/icons/Asset 4.svg Visa fil 

@@ -0,0 +1,17 @@
1 
+<?xml version="1.0" encoding="UTF-8"?>
2 
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28.82 14.41">
3 
+  <defs>
4 
+    <style>
5 
+      .cls-1 {
6 
+        fill: #fff;
7 
+      }
8 
+    </style>
9 
+  </defs>
10 
+  <g id="Layer_1-2" data-name="Layer 1">
11 
+    <g>
12 
+      <path class="cls-1" d="M4.8,4.32c0-.07,.02-.15,.05-.22,.1-.2,.33-.3,.55-.24l6.6,1.76V3.36c0-.19,.11-.35,.28-.43s.37-.05,.51,.06l8.16,6.72c.17,.14,.23,.39,.12,.59-.1,.2-.33,.3-.55,.24l-6.6-1.76v2.26c0,.19-.11,.35-.28,.43s-.37,.05-.51-.06L4.98,4.69c-.11-.09-.17-.23-.17-.37Zm8.16,.06v1.86c0,.15-.07,.29-.19,.38-.12,.09-.27,.12-.42,.08l-5.07-1.35,5.67,4.67v-1.86c0-.15,.07-.29,.19-.38,.12-.09,.27-.12,.42-.08l5.07,1.35-5.67-4.67Z"/>
13 
+      <path class="cls-1" d="M25.93,10.09V4.32c0-.27,.22-.48,.48-.48h1.92c.27,0,.48,.22,.48,.48v5.76c0,.27-.22,.48-.48,.48h-1.92c-.27,0-.48-.22-.48-.48Zm.96-5.28v4.8h.96V4.8h-.96Z"/>
14 
+      <path class="cls-1" d="M0,12.57V1.84C0,.83,.83,0,1.84,0H25.05c1.01,0,1.84,.83,1.84,1.84V12.57c0,1.01-.83,1.84-1.84,1.84H1.84c-1.01,0-1.84-.83-1.84-1.84ZM25.93,1.84c0-.48-.39-.88-.88-.88H1.84c-.49,0-.88,.39-.88,.88V12.57c0,.49,.39,.88,.88,.88H25.05c.49,0,.88-.39,.88-.88V1.84h0Z"/>
15 
+    </g>
16 
+  </g>
17 
+</svg>

+ 23
- 0
dist/assets/imgs/icons/Asset 5.svg Visa fil 

@@ -0,0 +1,23 @@
1 
+<?xml version="1.0" encoding="UTF-8"?>
2 
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.56 26.8">
3 
+  <defs>
4 
+    <style>
5 
+      .cls-1 {
6 
+        fill: #fff;
7 
+      }
8 
+    </style>
9 
+  </defs>
10 
+  <g id="Layer_1-2" data-name="Layer 1">
11 
+    <g>
12 
+      <path class="cls-1" d="M25.56,20.53c0-1.05-.86-1.91-1.91-1.91h-3.75c-.33,0-.59,.26-.59,.59s.26,.59,.59,.59h3.75c.41,0,.73,.33,.73,.73v1.71c0,.41-.33,.73-.73,.73H1.91c-.41,0-.73-.33-.73-.73v-1.71c0-.41,.33-.73,.73-.73h15.23c.33,0,.59-.26,.59-.59s-.26-.59-.59-.59H1.91c-1.06,0-1.91,.86-1.91,1.91v1.71c0,.51,.2,.98,.53,1.32-.33,.34-.53,.81-.53,1.32,0,1.05,.86,1.91,1.91,1.91H23.65c1.06,0,1.91-.86,1.91-1.91,0-.51-.2-.98-.53-1.32,.33-.34,.53-.81,.53-1.32v-1.71Zm-1.91,5.09H1.91c-.41,0-.73-.33-.73-.73s.33-.73,.73-.73H23.65c.41,0,.73,.33,.73,.73s-.33,.73-.73,.73h0Z"/>
13 
+      <g>
14 
+        <path class="cls-1" d="M2.48,9.27c.86,.95,1.68,1.84,1.84,2.95,.35,2.51-1.76,4.56-1.78,4.58-.21,.2-.18,.5,.07,.67,.11,.07,.25,.11,.38,.11,.17,0,.33-.06,.45-.17,.1-.1,2.46-2.38,2.05-5.3-.19-1.37-1.14-2.4-2.06-3.41-.86-.94-1.67-1.83-1.77-2.91C1.36,2.53,3.88,.92,4,.85c.26-.16,.31-.45,.11-.66-.2-.21-.57-.25-.83-.09C3.15,.18,.13,2.07,.48,5.87c.12,1.35,1.08,2.39,2,3.4h0Z"/>
15 
+        <path class="cls-1" d="M7.25,9.27c.86,.95,1.68,1.84,1.84,2.95,.35,2.51-1.76,4.56-1.78,4.58-.21,.2-.18,.5,.07,.67,.11,.07,.25,.11,.38,.11,.17,0,.33-.06,.45-.17,.1-.1,2.46-2.38,2.05-5.3-.19-1.37-1.14-2.4-2.06-3.41-.86-.94-1.67-1.83-1.77-2.91-.02-.26-.31-.46-.63-.44-.32,.02-.57,.25-.54,.51,.12,1.35,1.08,2.39,2,3.4h0Z"/>
16 
+        <path class="cls-1" d="M12.02,9.27c.86,.95,1.68,1.84,1.84,2.95,.35,2.51-1.76,4.56-1.78,4.58-.21,.2-.18,.5,.07,.67,.11,.07,.25,.11,.38,.11,.17,0,.33-.06,.45-.17,.1-.1,2.46-2.38,2.05-5.3-.19-1.37-1.14-2.4-2.06-3.41-.86-.94-1.67-1.83-1.77-2.91-.3-3.27,2.24-4.88,2.34-4.95,.26-.16,.31-.45,.11-.66-.2-.21-.57-.25-.83-.09-.13,.08-3.15,1.97-2.8,5.77,.12,1.35,1.08,2.39,2,3.4h0Z"/>
17 
+        <path class="cls-1" d="M16.79,9.27c.86,.95,1.68,1.84,1.84,2.95,.35,2.51-1.76,4.56-1.78,4.58-.21,.2-.18,.5,.07,.67,.11,.07,.25,.11,.38,.11,.17,0,.33-.06,.45-.17,.1-.1,2.46-2.38,2.05-5.3-.19-1.37-1.14-2.4-2.06-3.41-.86-.94-1.67-1.83-1.77-2.91-.3-3.26,2.22-4.87,2.34-4.95,.26-.16,.31-.45,.11-.66-.2-.21-.57-.25-.83-.09-.13,.08-3.15,1.97-2.8,5.77,.12,1.35,1.08,2.39,2,3.4h0Z"/>
18 
+        <path class="cls-1" d="M22.73,9.74c-.28,.14-.36,.43-.19,.65,.51,.66,.78,1.24,.87,1.83,.35,2.51-1.76,4.56-1.78,4.58-.21,.2-.18,.5,.07,.67,.11,.07,.25,.11,.38,.11,.17,0,.33-.06,.45-.17,.1-.1,2.46-2.38,2.05-5.3-.1-.73-.43-1.44-1.03-2.22-.17-.22-.53-.29-.81-.15h0Z"/>
19 
+        <path class="cls-1" d="M20.15,6.3s.03,0,.04,0c.32-.02,.57-.25,.54-.51-.3-3.27,2.23-4.88,2.34-4.95,.26-.16,.31-.45,.11-.66-.2-.21-.57-.25-.83-.09-.13,.08-3.15,1.97-2.8,5.77,.02,.25,.28,.44,.59,.44h0Z"/>
20 
+      </g>
21 
+    </g>
22 
+  </g>
23 
+</svg>

+ 13
- 0
dist/assets/imgs/icons/Asset 8.svg Visa fil 

@@ -0,0 +1,13 @@
1 
+<?xml version="1.0" encoding="UTF-8"?>
2 
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28.94 28.94">
3 
+  <defs>
4 
+    <style>
5 
+      .cls-1 {
6 
+        fill: #fff;
7 
+      }
8 
+    </style>
9 
+  </defs>
10 
+  <g id="Layer_1-2" data-name="Layer 1">
11 
+    <path class="cls-1" d="M4.26,25.53H24.68c2.35,0,4.26-1.91,4.26-4.26V7.66c0-2.35-1.91-4.26-4.26-4.26H4.26C1.91,3.4,0,5.31,0,7.66v13.62c0,2.35,1.91,4.26,4.26,4.26h0ZM1.7,7.66c0-1.41,1.14-2.55,2.55-2.55H24.68c1.41,0,2.55,1.14,2.55,2.55v13.62c0,1.41-1.14,2.55-2.55,2.55H4.26c-1.41,0-2.55-1.14-2.55-2.55V7.66ZM24.68,28.94H4.26c-.47,0-.85-.38-.85-.85s.38-.85,.85-.85H24.68c.47,0,.85,.38,.85,.85s-.38,.85-.85,.85h0ZM24.68,0c.47,0,.85,.38,.85,.85s-.38,.85-.85,.85H4.26c-.47,0-.85-.38-.85-.85s.38-.85,.85-.85H24.68Z"/>
12 
+  </g>
13 
+</svg>

+ 20
- 0
dist/assets/imgs/icons/Asset 9.svg Visa fil 

@@ -0,0 +1,20 @@
1 
+<?xml version="1.0" encoding="UTF-8"?>
2 
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 43.76 34.53">
3 
+  <defs>
4 
+    <style>
5 
+      .cls-1 {
6 
+        fill: #fff;
7 
+      }
8 
+    </style>
9 
+  </defs>
10 
+  <g id="Layer_1-2" data-name="Layer 1">
11 
+    <g>
12 
+      <path class="cls-1" d="M42.91,18.8h-3.76v-.95c0-.47-.38-.85-.85-.85s-.85,.38-.85,.85v.95h-14.7v-.95c0-.47-.38-.85-.85-.85s-.85,.38-.85,.85v.95H6.33v-.95c0-.47-.38-.85-.85-.85s-.85,.38-.85,.85v.95H.85c-.47,0-.85,.38-.85,.85s.38,.85,.85,.85H42.91c.47,0,.85-.38,.85-.85s-.38-.85-.85-.85h0Z"/>
13 
+      <path class="cls-1" d="M4.27,15.73H12.83v.95c0,.47,.38,.85,.85,.85s.85-.38,.85-.85v-.95h14.7v.95c0,.47,.38,.85,.85,.85s.85-.38,.85-.85v-.95h11.96c.47,0,.85-.38,.85-.85s-.38-.85-.85-.85H4.27c-.47,0-.85,.38-.85,.85s.38,.85,.85,.85h0Z"/>
14 
+      <path class="cls-1" d="M.85,15.73c.22,0,.45-.09,.6-.25,.16-.16,.25-.38,.25-.6s-.09-.45-.25-.6c-.16-.16-.38-.25-.6-.25s-.45,.09-.6,.25c-.16,.16-.25,.38-.25,.6s.09,.45,.25,.6c.16,.16,.38,.25,.6,.25H.85Z"/>
15 
+      <path class="cls-1" d="M21.28,11.37c.17,.17,.39,.25,.6,.25s.44-.08,.6-.25l1.9-1.9c.33-.33,.33-.88,0-1.21-.33-.33-.88-.33-1.21,0l-.44,.44V.85c0-.47-.38-.85-.85-.85s-.85,.38-.85,.85v7.85l-.44-.44c-.33-.33-.87-.33-1.21,0-.33,.33-.33,.88,0,1.21l1.9,1.9Z"/>
16 
+      <path class="cls-1" d="M22.49,23.1c-.33-.33-.87-.33-1.21,0l-1.9,1.9c-.33,.33-.33,.87,0,1.21,.33,.33,.88,.33,1.21,0l.44-.44v4.49c0,.47,.38,.85,.85,.85s.85-.38,.85-.85v-4.49l.44,.44c.17,.17,.39,.25,.6,.25s.44-.08,.6-.25c.33-.33,.33-.88,0-1.21l-1.9-1.9Z"/>
17 
+      <path class="cls-1" d="M21.88,32.82c-.22,0-.45,.09-.6,.25-.16,.16-.25,.38-.25,.6s.09,.45,.25,.6c.16,.16,.38,.25,.6,.25s.45-.09,.6-.25c.16-.16,.25-.38,.25-.6s-.09-.45-.25-.6c-.16-.16-.38-.25-.6-.25h0Z"/>
18 
+    </g>
19 
+  </g>
20 
+</svg>

+ 22
- 0
dist/assets/imgs/icons/Group 4475.svg Visa fil 

@@ -0,0 +1,22 @@
1 
+<?xml version="1.0" encoding="UTF-8"?>
2 
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28.16 28.16">
3 
+  <defs>
4 
+    <style>
5 
+      .cls-1 {
6 
+        fill: #fff;
7 
+      }
8 
+    </style>
9 
+  </defs>
10 
+  <g id="Layer_1-2" data-name="Layer 1">
11 
+    <g id="Group_4475" data-name="Group 4475">
12 
+      <path id="Path_11558" data-name="Path 11558" class="cls-1" d="M12.32,28.16c-.32,0-.59-.26-.59-.59v-4.69c0-.32,.26-.59,.59-.59,.32,0,.59,.26,.59,.59h0v4.69c0,.32-.26,.59-.59,.59"/>
13 
+      <path id="Path_11559" data-name="Path 11559" class="cls-1" d="M15.84,28.16c-.32,0-.59-.26-.59-.59v-4.69c0-.32,.26-.59,.59-.59,.32,0,.58,.26,.59,.59v4.69c0,.32-.26,.59-.59,.59"/>
14 
+      <path id="Path_11560" data-name="Path 11560" class="cls-1" d="M19.36,28.16H8.8c-.32,0-.59-.26-.59-.59,0-.32,.26-.59,.59-.59h10.56c.32,0,.59,.26,.59,.59,0,.32-.26,.58-.59,.59"/>
15 
+      <path id="Path_11561" data-name="Path 11561" class="cls-1" d="M26.4,23.46H1.76c-.97,0-1.76-.79-1.76-1.76V6.45c0-.97,.79-1.76,1.76-1.76H6.45c.32,0,.59,.26,.59,.59s-.26,.59-.59,.59H1.76c-.32,0-.59,.26-.59,.59v15.25c0,.32,.26,.59,.59,.59H26.4c.32,0,.59-.26,.59-.59V6.45c0-.32-.26-.59-.59-.59h-1.17c-.32,0-.59-.26-.59-.59s.26-.59,.59-.59h1.17c.97,0,1.76,.79,1.76,1.76v15.25c0,.97-.79,1.76-1.76,1.76"/>
16 
+      <path id="Path_11562" data-name="Path 11562" class="cls-1" d="M14.97,13.89c-.16,0-.3-.06-.42-.17l-4.22-4.22c-.22-.22-.23-.58-.02-.81l3.46-3.84C16.22,2.02,20.12,.06,23.45,0c.16,0,.32,.06,.43,.17,.11,.11,.17,.27,.17,.43-.06,3.33-2.02,7.23-4.86,9.69l-3.83,3.45c-.11,.1-.25,.15-.39,.15m-3.41-4.83l3.43,3.43,3.42-3.08c2.44-2.11,4.16-5.33,4.43-8.2-2.87,.27-6.09,1.99-8.19,4.42l-3.09,3.43Z"/>
17 
+      <path id="Path_11563" data-name="Path 11563" class="cls-1" d="M16.55,16.67c-.05,0-.11,0-.16-.02-.2-.06-.36-.22-.41-.43l-.83-3.46c-.08-.32,.12-.63,.43-.71,.32-.08,.63,.12,.71,.43l.55,2.3c1.02-1.59,1.22-3.63,1.24-4.83,.02-.32,.28-.57,.6-.58,.32,0,.58,.27,.57,.6-.05,2.78-.86,5.09-2.29,6.52-.11,.11-.26,.17-.41,.17"/>
18 
+      <path id="Path_11564" data-name="Path 11564" class="cls-1" d="M11.43,8.92s-.09,0-.14-.02l-3.46-.83c-.31-.07-.51-.39-.43-.7,.03-.11,.08-.2,.16-.28,1.43-1.43,3.74-2.24,6.52-2.29,.32,0,.58,.26,.6,.58,0,.32-.25,.59-.58,.6,0,0,0,0,0,0-1.19,.02-3.23,.22-4.83,1.24l2.3,.55c.32,.08,.51,.39,.43,.71-.06,.26-.3,.45-.57,.45"/>
19 
+      <path id="Path_11565" data-name="Path 11565" class="cls-1" d="M7.04,17.6c-.32,0-.59-.26-.59-.58,0-.06,0-.12,.02-.17,.19-.65,1.2-3.92,1.99-4.7,.95-.95,2.5-.95,3.45,0s.95,2.5,0,3.45h0c-.79,.79-4.06,1.79-4.7,1.99-.05,.02-.11,.02-.17,.02m3.15-5c-.34,0-.66,.13-.89,.37-.33,.33-.91,1.8-1.35,3.14,1.34-.45,2.81-1.02,3.14-1.35,.49-.49,.49-1.29,0-1.79-.24-.24-.56-.37-.89-.37"/>
20 
+    </g>
21 
+  </g>
22 
+</svg>

+ 20
- 0
dist/assets/imgs/icons/Group 4479.svg Visa fil 

@@ -0,0 +1,20 @@
1 
+<?xml version="1.0" encoding="UTF-8"?>
2 
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27.74 27.74">
3 
+  <defs>
4 
+    <style>
5 
+      .cls-1 {
6 
+        fill: #fff;
7 
+      }
8 
+    </style>
9 
+  </defs>
10 
+  <g id="Layer_1-2" data-name="Layer 1">
11 
+    <g id="Group_4479" data-name="Group 4479">
12 
+      <path id="Path_11569" data-name="Path 11569" class="cls-1" d="M10.63,18.95h-1.85v-1.85c0-.26-.21-.46-.46-.46h-1.85c-.26,0-.46,.21-.46,.46v1.85h-1.85c-.26,0-.46,.21-.46,.46v1.85c0,.26,.21,.46,.46,.46h1.85v1.85c0,.26,.21,.46,.46,.46h1.85c.26,0,.46-.21,.46-.46v-1.85h1.85c.26,0,.46-.21,.46-.46v-1.85c0-.26-.21-.46-.46-.46m-.46,1.85h-1.85c-.26,0-.46,.21-.46,.46v1.85h-.92v-1.85c0-.26-.21-.46-.46-.46h-1.85v-.92h1.85c.26,0,.46-.21,.46-.46v-1.85h.92v1.85c0,.26,.21,.46,.46,.46h1.85v.92Z"/>
13 
+      <path id="Path_11570" data-name="Path 11570" class="cls-1" d="M27.69,19.49c-.35-3.19-3.35-6.17-6.53-6.51-.27-.03-.54-.05-.82-.05h-5.09v-1.85h-.92v-.92c0-1.02-.83-1.85-1.85-1.85h-2.31c-.51,0-.92-.43-.91-.94,0-.5,.41-.9,.91-.91h7.4c1.02,0,1.85-.83,1.85-1.85s-.83-1.85-1.85-1.85h-2.31c-.51,0-.92-.41-.92-.92h0V0h-.92V1.85c0,1.02,.83,1.85,1.85,1.85h2.31c.51,0,.93,.4,.94,.91,0,.51-.4,.93-.91,.94-.01,0-.02,0-.03,0h-7.4c-1.02,0-1.85,.83-1.85,1.85s.83,1.85,1.85,1.85h2.31c.51,0,.93,.41,.93,.92,0,0,0,0,0,0v.92h-.93v1.85H7.4c-.27,0-.55,.02-.82,.05C3.39,13.33,.4,16.31,.05,19.5c-.46,4.06,2.45,7.72,6.51,8.19,1.65,.19,3.32-.18,4.73-1.06,.61-.4,1.3-.64,2.03-.72,.36-.03,.72-.03,1.07,0,.74,.07,1.44,.32,2.06,.73,3.47,2.15,8.03,1.07,10.18-2.4,.87-1.41,1.25-3.08,1.06-4.73m-14.28-7.48h.92v.92h-.92v-.92Zm11.76,12.63c-2.09,2.34-5.56,2.84-8.22,1.19-.74-.48-1.6-.78-2.48-.86-.2-.01-.39-.02-.59-.02-.21,0-.42,0-.62,.02-.87,.08-1.71,.38-2.44,.85-3.04,1.88-7.03,.94-8.91-2.1-.77-1.24-1.09-2.7-.93-4.14,.3-2.74,2.97-5.4,5.71-5.69,.24-.03,.48-.04,.72-.04h12.94c.24,0,.48,.01,.72,.04,2.74,.29,5.41,2.95,5.71,5.69,.22,1.84-.37,3.68-1.61,5.06"/>
14 
+      <path id="Path_11571" data-name="Path 11571" class="cls-1" d="M20.34,15.72c-1.02,0-1.85,.83-1.85,1.85s.83,1.85,1.85,1.85,1.85-.83,1.85-1.85h0c0-1.02-.83-1.85-1.85-1.85m0,2.77c-.51,0-.92-.41-.92-.92s.41-.92,.92-.92,.92,.41,.92,.92h0c0,.51-.41,.92-.92,.92h0"/>
15 
+      <path id="Path_11572" data-name="Path 11572" class="cls-1" d="M20.34,21.26c-1.02,0-1.85,.83-1.85,1.85s.83,1.85,1.85,1.85,1.85-.83,1.85-1.85h0c0-1.02-.83-1.85-1.85-1.85m0,2.77c-.51,0-.92-.41-.92-.92s.41-.92,.92-.92,.92,.41,.92,.92h0c0,.51-.41,.92-.92,.92h0"/>
16 
+      <path id="Path_11573" data-name="Path 11573" class="cls-1" d="M17.1,18.49c-1.02,0-1.85,.83-1.85,1.85s.83,1.85,1.85,1.85,1.85-.83,1.85-1.85h0c0-1.02-.83-1.85-1.85-1.85m0,2.77c-.51,0-.92-.41-.92-.92s.41-.92,.92-.92,.92,.41,.92,.92h0c0,.51-.41,.92-.92,.92h0"/>
17 
+      <path id="Path_11574" data-name="Path 11574" class="cls-1" d="M23.58,18.49c-1.02,0-1.85,.83-1.85,1.85s.83,1.85,1.85,1.85,1.85-.83,1.85-1.85h0c0-1.02-.83-1.85-1.85-1.85m0,2.77c-.51,0-.92-.41-.92-.92s.41-.92,.92-.92,.92,.41,.92,.92h0c0,.51-.41,.92-.92,.92h0"/>
18 
+    </g>
19 
+  </g>
20 
+</svg>

+ 32
- 0
dist/assets/imgs/icons/Group 4492.svg Visa fil 

@@ -0,0 +1,32 @@
1 
+<?xml version="1.0" encoding="UTF-8"?>
2 
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 27.87 27.87">
3 
+  <defs>
4 
+    <style>
5 
+      .cls-1 {
6 
+        fill: #fff;
7 
+      }
8 
+
9 
+      .cls-2 {
10 
+        clip-path: url(#clippath);
11 
+      }
12 
+
13 
+      .cls-3 {
14 
+        fill: none;
15 
+      }
16 
+    </style>
17 
+    <clipPath id="clippath">
18 
+      <rect class="cls-3" width="27.87" height="27.87"/>
19 
+    </clipPath>
20 
+  </defs>
21 
+  <g id="Layer_1-2" data-name="Layer 1">
22 
+    <g id="Group_4492" data-name="Group 4492">
23 
+      <g class="cls-2">
24 
+        <g id="Group_4477" data-name="Group 4477">
25 
+          <path id="Path_11566" data-name="Path 11566" class="cls-1" d="M10.22,22.69c.32,.23,.77,.2,1.05-.08l8.1-8.1c.32-.32,.32-.83,0-1.14-.09-.09-.2-.16-.32-.2l-3.97-1.33,2.82-5.65c.2-.4,.04-.89-.36-1.09-.31-.16-.69-.09-.93,.15L8.5,13.36c-.32,.32-.32,.83,0,1.14,.09,.09,.2,.16,.32,.2l3.97,1.33-2.82,5.65c-.18,.36-.07,.79,.25,1.02"/>
26 
+          <path id="Path_11567" data-name="Path 11567" class="cls-1" d="M26.14,13.94c0,.45,.35,.82,.79,.83,.45,0,.82-.35,.83-.79,0-.01,0-.02,0-.03C27.78,6.32,21.62,.13,14.01,.11c-4.12-.01-8.03,1.82-10.66,5v-.89c0-.45-.35-.82-.79-.83-.45,0-.82,.35-.83,.79,0,.01,0,.02,0,.03v3.44c0,.77,1,.88,.81,.81h.05l3.24-.2c.45-.03,.79-.41,.76-.86-.03-.45-.41-.79-.86-.76l-1.64,.1C8.05,1.31,15.68,.11,21.12,4.07c3.16,2.3,5.02,5.97,5.02,9.87"/>
27 
+          <path id="Path_11568" data-name="Path 11568" class="cls-1" d="M13.94,27.76c4.09-.03,7.96-1.86,10.58-5v.89c0,.45,.38,.8,.83,.79,.43,0,.78-.36,.79-.79v-3.44c-.02-.46-.4-.82-.86-.81l-3.24,.2c-.45,.03-.79,.41-.76,.86,.03,.44,.41,.78,.86,.76l1.64-.1c-3.96,5.44-11.59,6.65-17.03,2.68-3.16-2.3-5.02-5.97-5.02-9.87,0-.45-.35-.82-.79-.83-.45,0-.82,.35-.83,.79,0,.01,0,.02,0,.03,.03,7.62,6.2,13.79,13.82,13.82"/>
28 
+        </g>
29 
+      </g>
30 
+    </g>
31 
+  </g>
32 
+</svg>

Binär
dist/assets/imgs/laptop-icon.png Visa fil


Binär
dist/assets/imgs/laptop_aio/Fyro/14 inches 1 and 2/Asset 1@.png Visa fil


Binär
dist/assets/imgs/laptop_aio/Fyro/14 inches 1 and 2/Asset 1@2x.png Visa fil


Binär
dist/assets/imgs/laptop_aio/Fyro/All-in-one 34 inches/Asset 4@2x-bg-white.png Visa fil


Binär
dist/assets/imgs/laptop_aio/Fyro/All-in-one 34 inches/Asset 4@2x.png Visa fil


Binär
dist/assets/imgs/laptop_aio/Fyro/All-in-one 34 inches/Asset 5@2x.png Visa fil


Binär
dist/assets/imgs/laptop_aio/Fyro/All-in-one 34 inches/Asset 6@2x.png Visa fil


Binär
dist/assets/imgs/laptop_aio/Fyro/All-in-one 34 inches/Asset 7@2x.png Visa fil


Binär
dist/assets/imgs/laptop_aio/Zeno/14.1-1/14 inch.png Visa fil


Binär
dist/assets/imgs/laptop_aio/Zeno/14.1-2/image_2.png Visa fil


Binär
dist/assets/imgs/laptop_aio/Zeno/14.1-2/imageopy.png Visa fil


Binär
dist/assets/imgs/laptop_aio/Zeno/15.6 inches/15 inch.png Visa fil


Binär
dist/assets/imgs/laptop_aio/Zeno/16 inches/4_3.png Visa fil


Binär
dist/assets/imgs/laptop_aio/Zeno/16 inches/5_3.png Visa fil


Binär
dist/assets/imgs/laptop_aio/Zeno/all-in-one 21.5 inch/1 (3).png Visa fil


Binär
dist/assets/imgs/laptop_aio/Zeno/all-in-one 21.5 inch/2 (2).png Visa fil


Binär
dist/assets/imgs/laptop_aio/Zeno/all-in-one 21.5 inch/3 (3).png Visa fil


Binär
dist/assets/imgs/laptop_aio/Zeno/all-in-one 21.5 inch/4 (2).png Visa fil


Binär
dist/assets/imgs/laptop_aio/Zeno/all-in-one 23.8 inch/1.png Visa fil


Binär
dist/assets/imgs/laptop_aio/Zeno/all-in-one 23.8 inch/2.png Visa fil


Binär
dist/assets/imgs/laptop_aio/Zeno/all-in-one 23.8 inch/3.png Visa fil


Binär
dist/assets/imgs/laptop_aio/Zeno/all-in-one 23.8 inch/4.png Visa fil


Binär
dist/assets/imgs/laptop_aio/Zeno/all-in-one 23.8 inch/5.png Visa fil


+ 32
- 0
dist/assets/imgs/processor.svg Visa fil 

@@ -0,0 +1,32 @@
1 
+<?xml version="1.0" encoding="iso-8859-1"?>
2 
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
3 
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 
+<svg fill="#000000" height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
5 
+	 viewBox="0 0 444.462 444.462" xml:space="preserve">
6 
+<g>
7 
+	<path d="M317.166,119.796H127.297c-4.143,0-7.5,3.358-7.5,7.5v189.869c0,4.142,3.357,7.5,7.5,7.5h189.869
8 
+		c4.143,0,7.5-3.358,7.5-7.5V127.296C324.666,123.154,321.309,119.796,317.166,119.796z M309.666,309.666H134.797V134.796h174.869
9 
+		V309.666z"/>
10 
+	<path d="M185.887,266.076h72.689c4.143,0,7.5-3.358,7.5-7.5v-72.689c0-4.142-3.357-7.5-7.5-7.5h-72.689c-4.143,0-7.5,3.358-7.5,7.5
11 
+		v72.689C178.387,262.718,181.744,266.076,185.887,266.076z M193.387,193.386h57.689v57.689h-57.689V193.386z"/>
12 
+	<path d="M305.524,15c6.96,0,10.082-9.068,4.637-13.389c-5.408-4.292-13.535,0.832-11.948,7.579
13 
+		C299.004,12.547,302.068,15,305.524,15z"/>
14 
+	<path d="M143.104,430.73c-2.454-1.616-5.649-1.661-8.146-0.113c-2.891,1.792-4.211,5.471-3.135,8.698
15 
+		c0.978,2.93,3.715,5.015,6.809,5.138c3.191,0.127,6.143-1.826,7.299-4.794C147.185,436.437,146,432.636,143.104,430.73z"/>
16 
+	<path d="M436.962,188.086c4.143,0,7.5-3.358,7.5-7.5s-3.357-7.5-7.5-7.5h-82.296v-26.645h82.296c4.143,0,7.5-3.358,7.5-7.5
17 
+		s-3.357-7.5-7.5-7.5h-82.296v-5.392c0-19.99-16.264-36.253-36.254-36.253h-5.392V31.6c0-4.142-3.357-7.5-7.5-7.5
18 
+		s-7.5,3.358-7.5,7.5v58.196h-26.645V7.5c0-4.142-3.357-7.5-7.5-7.5s-7.5,3.358-7.5,7.5v82.296h-26.645V7.5
19 
+		c0-4.142-3.357-7.5-7.5-7.5s-7.5,3.358-7.5,7.5v82.296h-26.646V7.5c0-4.142-3.357-7.5-7.5-7.5s-7.5,3.358-7.5,7.5v82.296h-26.645
20 
+		V7.5c0-4.142-3.357-7.5-7.5-7.5s-7.5,3.358-7.5,7.5v82.296h-5.392c-19.99,0-36.253,16.263-36.253,36.253v5.392H7.5
21 
+		c-4.143,0-7.5,3.358-7.5,7.5s3.357,7.5,7.5,7.5h82.297v26.645H7.5c-4.143,0-7.5,3.358-7.5,7.5s3.357,7.5,7.5,7.5h82.297v26.645H7.5
22 
+		c-4.143,0-7.5,3.358-7.5,7.5s3.357,7.5,7.5,7.5h82.297v26.645H7.5c-4.143,0-7.5,3.358-7.5,7.5s3.357,7.5,7.5,7.5h82.297v26.645H7.5
23 
+		c-4.143,0-7.5,3.358-7.5,7.5s3.357,7.5,7.5,7.5h82.297v5.392c0,19.99,16.263,36.253,36.253,36.253h5.392v58.197
24 
+		c0,4.142,3.357,7.5,7.5,7.5s7.5-3.358,7.5-7.5v-58.197h26.645v82.296c0,4.142,3.357,7.5,7.5,7.5s7.5-3.358,7.5-7.5v-82.296h26.646
25 
+		v82.296c0,4.142,3.357,7.5,7.5,7.5s7.5-3.358,7.5-7.5v-82.296h26.645v82.296c0,4.142,3.357,7.5,7.5,7.5s7.5-3.358,7.5-7.5v-82.296
26 
+		h26.645v82.296c0,4.142,3.357,7.5,7.5,7.5s7.5-3.358,7.5-7.5v-82.296h5.392c19.99,0,36.254-16.263,36.254-36.253v-5.392h82.296
27 
+		c4.143,0,7.5-3.358,7.5-7.5s-3.357-7.5-7.5-7.5h-82.296v-26.645h82.296c4.143,0,7.5-3.358,7.5-7.5s-3.357-7.5-7.5-7.5h-82.296
28 
+		v-26.645h82.296c4.143,0,7.5-3.358,7.5-7.5s-3.357-7.5-7.5-7.5h-82.296v-26.645H436.962z M339.666,318.412
29 
+		c0,11.719-9.534,21.253-21.254,21.253H126.05c-11.719,0-21.253-9.534-21.253-21.253V126.05c0-11.719,9.534-21.253,21.253-21.253
30 
+		h192.362c11.72,0,21.254,9.534,21.254,21.253V318.412z"/>
31 
+</g>
32 
+</svg>

+ 824
- 0
index_16_05_2023.html Visa fil 

@@ -0,0 +1,824 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+
4 
+<head>
5 
+    <meta charset="UTF-8" />
6 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
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">
9 
+    <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
10 
+    <link rel="stylesheet" href="./dist/css/main.css" />
11 
+    <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.theme.default.min.css">
14 
+    <!-- <link rel="stylesheet" href="./dist/css/font_icon.min.css"> -->
15 
+
16 
+
17 
+    <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
18 
+    <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
19 
+    <link rel="stylesheet" href="./dist/css/vendor/vandella.css">
20 
+    <link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">
21 
+    <!-- <link rel="stylesheet" href="./dist/css/vendor/icofont.min.css"> -->
22 
+    <link rel="stylesheet" href="./dist/css/vendor/fontello.css">
23 
+    <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">
24 
+    <link rel="stylesheet" href="./dist/css/plugins/slick.css">
25 
+    <link rel="stylesheet" href="./dist/css/plugins/nice-select.css">
26 
+    <link rel="stylesheet" href="./dist/css/plugins/animate.css">
27 
+    <link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css">
28 
+    <link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css">
29 
+    <link rel="stylesheet" href="./dist/css/style.css">
30 
+    <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">
31 
+    <link rel="stylesheet" href="./dist/css/fontawesome.min.css">
32 
+    <link rel="stylesheet" href="./dist/toaster/toastr.css" />
33 
+
34 
+    <title>Anwi</title>
35 
+    <style>
36 
+        .slick-prev {
37 
+            position: absolute;
38 
+            padding: 10px 15px;
39 
+            z-index: 1;
40 
+            left: -25px;
41 
+            top: 45%;
42 
+            border-radius: 50%;
43 
+            background: rgb(63, 76, 119);
44 
+        }
45 
+
46 
+        .slick-next {
47 
+            position: absolute;
48 
+            padding: 10px 15px;
49 
+            right: -25px;
50 
+            top: 45%;
51 
+            border-radius: 50%;
52 
+            background: rgb(63, 76, 119);
53 
+        }
54 
+
55 
+        .slick-prev.btn:hover,
56 
+        .slick-next.btn:hover {
57 
+            background: rgb(63, 76, 119);
58 
+        }
59 
+
60 
+        /* .graphene_text::after{
61 
+            content: "";
62 
+            display: block;
63 
+            width: 60px;
64 
+            height: 3px;
65 
+            background: #ffffff;
66 
+            left: 0;
67 
+        } */
68 
+
69 
+        .slick-track {
70 
+            display: flex !important;
71 
+        }
72 
+
73 
+        .slick-slide {
74 
+            height: inherit !important;
75 
+        }
76 
+    </style>
77 
+</head>
78 
+
79 
+<body>
80 
+    <!-- navbar -->
81 
+    <div id="navbar-head"></div>
82 
+    <!-- end-navbar -->
83 
+    <!-- main-body -->
84 
+    <main class="main-body home-main-container">
85 
+        <section class="hero-banner">
86 
+            <!-- banner-start -->
87 
+            <section class="banner-wrapper" id="home_banner">
88 
+                <div class="banner-main-container">
89 
+                    <div id="carouselExampleAutoplaying" class="carousel slide " data-bs-ride="carousel">
90 
+                        <div class="carousel-indicators mb-md-5">
91 
+                            <button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="0"
92 
+                                class="active carousel_btn" aria-current="true" aria-label="Slide 1"></button>
93 
+                            <button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="1"
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>
99 
+                        </div>
100 
+                        <div class="carousel-inner">
101 
+                            <div class="carousel-item active" id="carousel_item1">
102 
+                                <img src="./dist/assets/imgs/allin_imgs/oradesktop.png"
103 
+                                    class="d-block mx-auto w-100 carousel_img" alt="...">
104 
+                            </div>
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">
116 
+                            </div>
117 
+                        </div>
118 
+                    </div>
119 
+                </div>
120 
+            </section>
121 
+        </section>
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 21.5 inch</h5>
148 
+                                        <p class="card-text satoshi_font mb-1 fs-7">21.5 inch 4k Display</p>
149 
+                                        <p class="card-text satoshi_font mb-1 fs-7">Intel<sup>®</sup> Core<sup>™</sup> i5-| i7
150 
+                                            Processor (12th Gen)</p>
151 
+                                        <p class="card-text satoshi_font mb-1 fs-7">24 GB RAM | 1 TB M.2 NVMe</p>
152 
+                                        <h5 class="card-text my-3"><small class="satoshi_font">Starting from ₹
153 
+                                                33,990</small></h5>
154 
+                                        <a class="btn btn-dark button_dark" href="#">Coming Soon</a>
155 
+                                    </div>
156 
+                                </div>
157 
+                            </div>
158 
+                        </div>
159 
+                        <div class="col-12 d-block d-lg-none">
160 
+                            <div class="card mb-4 Two_four_inch_Card">
161 
+                                <div class="row g-0 px-3 p-md-3 py-lg-4 flex-column-reverse flex-md-row">
162 
+                                    <div class="col-lg-6 col-md-6">
163 
+                                        <div class="card-body p-lg-5 text-white">
164 
+                                            <p class="card-text satoshi_font fw-bold">24 Inch All-In-One</p>
165 
+                                            <p class="card-text satoshi_font mb-2">24" 2K FHD</p>
166 
+                                            <p class="card-text satoshi_font mb-2">Intel<sup
167 
+                                                    class="copy-right_sup">®</sup> Core<sup
168 
+                                                    class="trademark_sup">TM</sup> i5 13400 | 16GB
169 
+                                                Memory | 1TB
170 
+                                                NVMe SSD</p>
171 
+                                            <p class="card-text satoshi_font mb-2" style="visibility: hidden;">Starting
172 
+                                                from ₹ 54,999</p>
173 
+                                            <a class="btn btn-dark button_dark" href="#">Coming Soon</a>
174 
+                                        </div>
175 
+                                    </div>
176 
+                                    <div class="col-md-6 my-auto">
177 
+                                        <img src="./dist/assets/imgs/Home/all-in-one-mobile.png"
178 
+                                            class="img-fluid rounded-start w-lg-100 w-sm-75 p-3" alt="...">
179 
+                                    </div>
180 
+                                </div>
181 
+                            </div>
182 
+                        </div>
183 
+                        <div class="col-lg-6 h-100">
184 
+                            <div class="card mb-4 zeno_sleekbook_1">
185 
+                                <div
186 
+                                    class="row g-0 px-3 p-md-3 py-lg-4 flex-sm-row-reverse flex-lg-row flex-column-reverse ">
187 
+                                    <div class="col-lg-6 col-md-6">
188 
+                                        <div class="card-body">
189 
+                                            <div class="py-lg-2">
190 
+                                                <h5 class="card-title mb-2 satoshi_font fw-bold">Zeno Sleekbook 14.1
191 
+                                                    inch</h5>
192 
+                                                <p class="card-text satoshi_font mb-1 fs-7">14.1 inch 2.5K Display</p>
193 
+                                                <p class="card-text satoshi_font mb-1 fs-7">Intel<sup>®</sup>
194 
+                                                    Core<sup>™</sup> i5-| i7 (12th Gen)</p>
195 
+                                                <p class="card-text satoshi_font mb-1 fs-7">24 GB RAM , 1 TB M.2 NVMe</p>
196 
+                                                <p class="card-text satoshi_font mb-1 fs-7 d-none">1 TB M.2 NVMe</p>
197 
+                                                <h5 class="card-text my-4"><small class="satoshi_font">Starting from ₹
198 
+                                                        54,990</small></h5>
199 
+                                                <a class="btn btn-dark button_dark" href="#">Coming Soon</a>
200 
+                                            </div>
201 
+                                        </div>
202 
+                                    </div>
203 
+                                    <div class="col-md-6 my-auto">
204 
+                                        <img src="./dist/assets/imgs/laptop_aio/Zeno/14.1-1/14 inch.png"
205 
+                                            class="img-fluid rounded-start w-sm-50 pt-md-0 pt-5" alt="...">
206 
+                                    </div>
207 
+                                </div>
208 
+                            </div>
209 
+                            <div class="card mb-3 zeno_sleekbook_2">
210 
+                                <div class="row g-0 px-3 p-md-3 py-lg-3 flex-column-reverse flex-md-row">
211 
+                                    <div class="col-lg-6 col-md-6">
212 
+                                        <div class="card-body">
213 
+                                            <div class="py-lg-2">
214 
+                                                <h5 class="card-title satoshi_font mb-2 fw-bold">Zeno Sleekbook 15.6
215 
+                                                    inch</h5>
216 
+                                                <p class="card-text mb-1 satoshi_font mb-1 fs-7">15.6 inch 4k Display</p>
217 
+                                                <p class="card-text satoshi_font mb-1 fs-7">Intel<sup>®</sup>
218 
+                                                    Core<sup>™</sup> i5-| i7 (12th Gen)</p>
219 
+                                                <p class="card-text satoshi_font mb-3 fs-7">24 GB RAM , 1 TB M.2 NVMe</p>
220 
+                                                <p class="card-text satoshi_font mb-1 fs-7 d-none">1 TB M.2 NVMe</p>
221 
+                                                <h5 class="card-text my-4"><small class="satoshi_font">Starting from ₹
222 
+                                                        57,990</small></h5>
223 
+
224 
+                                                <a class="btn btn-dark button_dark" href="#">Coming Soon </a>
225 
+                                            </div>
226 
+
227 
+                                        </div>
228 
+                                    </div>
229 
+                                    <div class="col-md-6 my-auto">
230 
+                                        <img src="./dist/assets/imgs/laptop_aio/Zeno/15.6 inches/15 inch.png"
231 
+                                            class="img-fluid rounded-start w-lg-100 w-200 mt-3" alt="...">
232 
+                                    </div>
233 
+                                </div>
234 
+                            </div>
235 
+                        </div>
236 
+                    </div>
237 
+                    <div class="d-md-block d-none">
238 
+                        <span class="transform_text_1">Zeno&nbsp;Series</span>
239 
+                    </div>
240 
+                </div>
241 
+            </div>
242 
+        </section>
243 
+        <!-- zeno section start  -->
244 
+
245 
+        <!-- fyro section start  -->
246 
+        <section class="fyro_steamlined_section py-md-5">
247 
+            <div class="container">
248 
+                <div class="fyro_steamlined_section_heading">
249 
+                    <div class="d-flex align-items-center justify-content-center ">
250 
+                        <div class="fyro_logo">
251 
+                            <img src="./dist/assets/imgs/Home_new/Fyro_img.png" class="img-fluid" alt="">
252 
+                        </div>
253 
+                        <div class="fyro_section_heading_titleText ms-4">
254 
+                            <h1 class="text-white">Unleash the Power of GPU!</h1>
255 
+                            <h6 class="text-white satoshi_font">Explore the world of advanced computing with FYRO.</h6>
256 
+                        </div>
257 
+                    </div>
258 
+                </div>
259 
+                <div class="fyro_products_main_container position-relative">
260 
+                    <div class="row mt-4 justify-content-center">
261 
+                        <div class="col-lg-6 text-center text-md-start h-100">
262 
+                            <div class="">
263 
+                                <div class="position-relative d-none">
264 
+                                    <span class="transform_text">FYRO&nbsp;Series</span>
265 
+                                </div>
266 
+                                <div class="left-spacer-card">
267 
+                                    <div class="card mb-4 fyro_sleekbook_1">
268 
+                                        <div class="row g-0 px-3 p-md-3 py-lg-4 flex-sm-row-reverse flex-lg-row flex-column-reverse ">
269 
+                                            <div class="col-lg-6 col-md-6">
270 
+                                                <div class="card-body">
271 
+                                                    <div class="py-lg-4">
272 
+                                                        <h5 class="card-title mb-2 satoshi_font fw-bold">FYRO 17.3 RTX
273 
+                                                            4080</h5>
274 
+                                                        <p class="card-text satoshi_font mb-1 fs-7">17.3 inch IPS level LCD
275 
+                                                        </p>
276 
+                                                        <p class="card-text satoshi_font mb-1 fs-7">Intel<sup>®</sup>
277 
+                                                            Core<sup>™</sup> i9</p>
278 
+                                                        <p class="card-text satoshi_font mb-1 fs-7">32 GB RAM , 2 TB M.2 NVMe</p>
279 
+                                                        <h5 class="card-text my-3">
280 
+                                                            <small class="satoshi_font">Starting from ₹ 2,49,990</small>
281 
+                                                        </h5>
282 
+                                                        <a class="btn btn-dark button_dark" href="#">Coming Soon</a>
283 
+                                                    </div>
284 
+                                                </div>
285 
+                                            </div>
286 
+                                            <div class="col-md-6 my-auto">
287 
+                                                <img src="./dist/assets/imgs/fyro_laptop_images/14 inches.png"
288 
+                                                    class="img-fluid rounded-start w-sm-50 pt-md-0 pt-5" alt="...">
289 
+                                            </div>
290 
+                                        </div>
291 
+                                    </div>
292 
+                                    <div class="card mb-3 fyro_sleekbook_2">
293 
+                                        <div class="row g-0 px-3 p-md-3 py-lg-3 flex-column-reverse flex-md-row">
294 
+                                            <div class="col-lg-6 col-md-6">
295 
+                                                <div class="card-body">
296 
+                                                    <div class="py-lg-4">
297 
+                                                        <h5 class="card-title satoshi_font mb-2 fw-bold">FYRO 14 RTX
298 
+                                                            4060</h5>
299 
+                                                        <p class="card-text satoshi_font mb-1 fs-7">14.0 inch FHD</p>
300 
+                                                        <p class="card-text satoshi_font mb-1 fs-7">Intel<sup>®</sup>
301 
+                                                            Core<sup>™</sup> i5 | i7 | i9</p>
302 
+                                                        <p class="card-text satoshi_font mb-1 fs-7">32 GB RAM , 2 TB M.2 NVMe</p>
303 
+                                                        <p class="card-text satoshi_font mb-1 fs-7"></p>
304 
+                                                        <h5 class="card-text my-3">
305 
+                                                            <small class="satoshi_font">Starting from ₹ 1,09,990</small>
306 
+                                                        </h5>
307 
+                                                        <a class="btn btn-dark button_dark" href="#">Coming Soon </a>
308 
+                                                    </div>
309 
+
310 
+                                                </div>
311 
+                                            </div>
312 
+                                            <div class="col-md-6 my-auto">
313 
+                                                <img src="./dist/assets/imgs/fyro_laptop_images/15 inches.png"
314 
+                                                    class="img-fluid rounded-start w-lg-100 mt-3 w-200" alt="...">
315 
+                                            </div>
316 
+                                        </div>
317 
+                                    </div>
318 
+
319 
+                                </div>
320 
+                            </div>
321 
+                        </div>
322 
+                        <div class="col-12 d-none d-lg-none">
323 
+                            <div class="card mb-4 Two_four_inch_Card">
324 
+                                <div class="row g-0 px-3 p-md-3 py-lg-4 flex-column-reverse flex-md-row">
325 
+                                    <div class="col-lg-6 col-md-6">
326 
+                                        <div class="card-body p-lg-5 text-white">
327 
+                                            <p class="card-text satoshi_font fw-bold">24 Inch All-In-One</p>
328 
+                                            <p class="card-text satoshi_font mb-2">24" 2K FHD</p>
329 
+                                            <p class="card-text satoshi_font mb-2">Intel<sup
330 
+                                                    class="copy-right_sup">®</sup> Core<sup
331 
+                                                    class="trademark_sup">TM</sup> i5 13400 | 16GB
332 
+                                                Memory | 1TB
333 
+                                                NVMe SSD</p>
334 
+                                            <p class="card-text satoshi_font mb-2" style="visibility: hidden;">Starting
335 
+                                                from ₹ 54,999</p>
336 
+                                            <a class="btn btn-dark button_dark" href="#">Coming Soon</a>
337 
+                                        </div>
338 
+                                    </div>
339 
+                                    <div class="col-md-6 my-auto">
340 
+                                        <img src="./dist/assets/imgs/laptop and all in one/Fyro/All-in-one 34 inches/Asset 4@2x.png"
341 
+                                            class="img-fluid rounded-start w-lg-100 w-sm-75 p-3" alt="...">
342 
+                                    </div>
343 
+                                </div>
344 
+                            </div>
345 
+                        </div>
346 
+                        <div class="col-lg-6 h-100">
347 
+                            <div class="card ms-auto Two_four_inch_Card">
348 
+                                <img src="./dist/assets/imgs/laptop_aio/Fyro/All-in-one 34 inches/Asset 4@2x.png"
349 
+                                    class="img-fluid  w-75 w-sm-75 mx-auto my-4 pt-md-4" alt="...">
350 
+                                <div class="card-body p-lg-5 ms-5">
351 
+                                    <h5 class="card-text satoshi_font fw-bold">FYRO AIO34 ARC</h5>
352 
+                                    <p class="card-text satoshi_font mb-1 fs-7">34 inch Curved 4K LCD</p>
353 
+                                    <p class="card-text satoshi_font mb-1 fs-7">Intel<sup>®</sup> Core<sup>™</sup> i7-| i9
354 
+                                        Processor (12th | 13th Gen)</p>
355 
+                                    <p class="card-text satoshi_font mb-1 fs-7">32 GB RAM , 2 TB M.2 NVMe</p>
356 
+                                    <h5 class="card-text my-3"><small class="satoshi_font">Starting from ₹
357 
+                                            1,24,990</small></h5>
358 
+                                    <a class="btn btn-dark button_dark" href="#">Coming Soon</a>
359 
+                                </div>
360 
+                            </div>
361 
+                        </div>
362 
+                    </div>
363 
+                    <div class="d-md-block d-none">
364 
+                        <span class="transform_text_1">FYRO&nbsp;Series</span>
365 
+                    </div>
366 
+                </div>
367 
+            </div>
368 
+        </section>
369 
+        <!-- fyro section start  -->
370 
+
371 
+        <!-- Graphene Technology Section -->
372 
+        <section class=" bg-black" id="graphene_section">
373 
+            <div class="container py-md-5 py-4 position-relative">
374 
+                <div class="row align-items-center justify-content-center pb-md-5 pb-4">
375 
+                    <div class="col-md-4 col-3 text-end">
376 
+                        <img src="./dist/assets/imgs/allin_imgs/ora_img.png" class="img-fluid w-md-50" />
377 
+                    </div>
378 
+                    <div class="col-md-8 col-9 text-white">
379 
+                        <h2 class="satoshi_font">Our Innovation in Memory and Storage</h2>
380 
+                        <h5 class="satoshi_font">Reliable Heat Dissipation with <span class="fw-600">Graphene
381 
+                                Technology</span></h5>
382 
+                    </div>
383 
+                </div>
384 
+                <div class="align-items-center py-md-5 py-4 mx-0 rounded-3 row" id="graphene_tech">
385 
+                    <div class="col-12">
386 
+                        <div class="row align-items-center justify-content-md-center ">
387 
+                            <div class="col-lg-6 col-md-8 text-center px-lg-3 px-md-5">
388 
+                                <img src="./dist/assets/imgs/allin_imgs/graphene_img.png"
389 
+                                    class="img-fluid text-center" />
390 
+                            </div>
391 
+                            <div class="col-lg-6 text-white pe-lg-4">
392 
+                                <h2 class="satoshi_font pb-md-3">A Breakthrough in Storage Performance and
393 
+                                    Sustainability</h2>
394 
+                                <h6 class="mb-md-4 fw-lighter" style="line-height: 24px;">Experience a new era of
395 
+                                    storage technology with
396 
+                                    our innovative Graphene-Thermal Pad solution
397 
+                                    designed to revolutionize performance, longevity,
398 
+                                    and environmental sustainability.<br>
399 
+                                    ORA Series offers unparalleled benefits
400 
+                                    that set it apart from traditional storage options.</h6>
401 
+                                <div class="row px-md-3">
402 
+                                    <div class="col-md-6 border-left pt-md-0 pt-2">
403 
+                                        <p class="graphene_text fs-9 mb-0">Optimal Thermal Management</p>
404 
+                                    </div>
405 
+                                    <div class="col-md-6 border-left">
406 
+                                        <p class="graphene_text  fs-9 mb-0"> Lightning-fast read and write speeds</p>
407 
+                                    </div>
408 
+                                    <div class="col-md-6 mt-md-3 border-left">
409 
+                                        <p class="graphene_text  fs-9 mb-0">Lightweight & Flexible Deisgn</p>
410 
+                                    </div>
411 
+                                    <div class="col-md-6 mt-md-3 border-left">
412 
+                                        <p class="graphene_text  fs-9 mb-0">Enhanced longevity</p>
413 
+                                    </div>
414 
+                                    <div class="col-12 pt-md-4 px-md-0 fs-9 pt-2">Upgrade to the Graphene Technology
415 
+                                        Memory Series and experience unparalleled performance, durability, and
416 
+                                        sustainability in your data storage solutions.</div>
417 
+                                </div>
418 
+                                <!-- <div class="text-end pe-md-4">
419 
+                                    <a class="btn btn-dark button_dark py-md-2" href="#">Know more...</a>
420 
+                                </div> -->
421 
+                            </div>
422 
+                        </div>
423 
+                    </div>
424 
+                    <div class="col-12">
425 
+                        <div class="row pt-md-4 align-items-center px-md-3">
426 
+                            <div class="col-md-6 col-12 py-md-0 py-3 text-md-center text-white">
427 
+                                <h3 class="fw-600">99% thinner than
428 
+                                    Traditional Solutions</h3>
429 
+                            </div>
430 
+                            <div class="col-md-6">
431 
+                                <div class="row justify-content-center align-items-center">
432 
+                                    <div class="col-lg-6 col-12 text-center text-white">
433 
+                                        <div class="bg-black d-flex fs-9 px-md-4 py-md-2 py-2 px-3 rounded-3">
434 
+                                            <p class="mb-0 px-md-2 py-md-1"><i class="fa-sharp fa-arrow-right fs-7"></i>
435 
+                                                || <i class="fa-sharp fa-arrow-left fs-7"></i></p>
436 
+                                            <p class="mb-0 text-start py-md-1 w-75 fs-7">&nbsp;World's Thinnest Heat
437 
+                                                Sink 100% More Effective</p>
438 
+                                        </div>
439 
+                                    </div>
440 
+                                    <div class="col-lg-6 col-12 pt-lg-0 pt-3 text-center">
441 
+                                        <div class="bg-white fs-7 px-md-2 py-md-2 rounded-3">
442 
+                                            <div class="border d-flex fs-7 rounded-3 align-items-center">
443 
+                                                <div class="p-2"
444 
+                                                    style="background-color: #50b2e4;border-top-left-radius: 7px;border-bottom-left-radius:7px;">
445 
+                                                    <img src="./dist/assets/imgs/allin_imgs/15_percent.png"
446 
+                                                        class="img-fluid w-60" />
447 
+                                                </div>
448 
+                                                <p class="py-md-2 border-left mb-0 w-75 text-dark ps-1">15% More
449 
+                                                    Performance & Life</p>
450 
+                                            </div>
451 
+                                        </div>
452 
+                                    </div>
453 
+                                </div>
454 
+                            </div>
455 
+                        </div>
456 
+                    </div>
457 
+                </div>
458 
+                <div class="d-md-block d-none">
459 
+                    <span class="transform_text1">Graphene&nbsp;Technology</span>
460 
+                </div>
461 
+            </div>
462 
+        </section>
463 
+        <!-- END Graphene Technology Section -->
464 
+
465 
+        <!-- ORA series future storage section-->
466 
+        <section class="bg-black" id="Ora_series_1">
467 
+            <div class="container position-relative py-5 py-md-5">
468 
+                <div class="mb-5 mb-md-5 text-center text-white">
469 
+                    <h2 class="satoshi_font">Discover the Future of Storage</h2>
470 
+                    <h6 class="satoshi_font">with M2 NVMe SSDs at Lightning Speeds</h6>
471 
+                </div>
472 
+                <div class="align-items-center flex-column-reverse flex-md-row mx-0 px-md-5 rounded-4 row"
473 
+                    id="Fyro_main_card">
474 
+                    <div class="col-lg-4 col-md-4 pb-4 ps-4 ps-md-0 py-md-5 ps-lg-5">
475 
+                        <h3 class="fw-600 mb-md-3">ORA PCIe Storage</h3>
476 
+                        <h5 class="mb-1">NVMe M.2 SSDs</h5>
477 
+                        <h6 class="fs-7 mb-1">SSDs for your All-in-Ones and Laptops</h6>
478 
+                        <h6 class="fs-9 fw-600">Starting from ₹ 2,700</h6>
479 
+                        <div class="py-2">
480 
+                            <a class="btn btn-dark button_dark py-md-1" href="./storageproducts.html">Shop Now</a>
481 
+                        </div>
482 
+                    </div>
483 
+                    <div class="col-lg-8 col-md-8">
484 
+                        <img src="./dist/assets/imgs/allin_imgs/pci_storage.png" class="img-fluid">
485 
+                    </div>
486 
+                </div>
487 
+                <div class="d-md-block d-none">
488 
+                    <span class="transform_text2 satoshi_font">ORA&nbsp;Series</span>
489 
+                </div>
490 
+            </div>
491 
+        </section>
492 
+        <!-- END ORA series future storage section-->
493 
+
494 
+        <!-- ORA series Portability section-->
495 
+        <section class="bg-black" id="Ora_series_2">
496 
+            <div class="container py-md-5 py-5 position-relative">
497 
+                <div class="text-center text-white mb-md-5 mb-5">
498 
+                    <h2 class="satoshi_font">Portability Meets Power</h2>
499 
+                    <h6 class="satoshi_font">Boost the Laptops Potential with ORA Memory Series</h6>
500 
+                </div>
501 
+                <div class="align-items-center flex-md-row mx-0 px-md-5 rounded-4 row" id="laptop_memory_sec">
502 
+                    <div class="col-lg-8 col-md-8">
503 
+                        <img src="./dist/assets/imgs/allin_imgs/laptop_memory.png" class="img-fluid" />
504 
+                    </div>
505 
+                    <div class="col-lg-4 col-md-4 pb-4 ps-4 ps-md-0 py-md-5 ps-lg-5">
506 
+                        <h3 class="fw-600 mb-md-0">ORA Series</h3>
507 
+                        <h3 class="fw-600 mb-md-2">Laptop Memory</h3>
508 
+                        <h6 class="fs-9 fw-600">Starting from ₹ 1,900</h6>
509 
+                        <div class="py-2">
510 
+                            <a class="btn btn-dark button_dark py-md-1" href="./ramproducts.html">Shop Now</a>
511 
+                        </div>
512 
+                    </div>
513 
+                </div>
514 
+                <div class="d-md-block d-none">
515 
+                    <span class="transform_text2 satoshi_font">ORA&nbsp;Series</span>
516 
+                </div>
517 
+            </div>
518 
+        </section>
519 
+        <!-- END ORA series Portability section-->
520 
+
521 
+        <!-- ORA series Empowering section-->
522 
+        <section class="bg-black " id="Ora_series_3">
523 
+            <div class="container py-md-5 py-5 position-relative">
524 
+                <div class="text-center text-white mb-5 mb-md-5">
525 
+                    <h2 class="satoshi_font">Empowering the Performance</h2>
526 
+                    <h6 class="satoshi_font">Maximize Efficiency with ORA Desktop Memory Series</h6>
527 
+                </div>
528 
+                <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"
529 
+                    id="desktop_memory_sec">
530 
+                    <div class="col-lg-6 col-md-4 pb-4 pb-md-0 ps-4 ps-md-0 ps-lg-5">
531 
+                        <h3 class="fw-600 mb-md-0">ORA Series</h3>
532 
+                        <h3 class="fw-600 mb-md-2">Desktop Memory</h3>
533 
+                        <h6 class="fs-9 fw-600">Starting from ₹ 2,100</h6>
534 
+                        <div class="py-2 mt-lg-0">
535 
+                            <a class="btn btn-dark button_dark py-md-2" href="./ramproducts.html">Shop Now</a>
536 
+                        </div>
537 
+                    </div>
538 
+                    <div class="col-lg-6 col-md-8 pt-lg-5">
539 
+                        <img src="./dist/assets/imgs/allin_imgs/desktop_memory.png" class="img-fluid" />
540 
+                    </div>
541 
+                </div>
542 
+                <div class="d-md-block d-none">
543 
+                    <span class="transform_text2 satoshi_font">ORA&nbsp;Series</span>
544 
+                </div>
545 
+            </div>
546 
+        </section>
547 
+        <!-- END ORA series Empowering  section-->
548 
+
549 
+        <!-- Top Selling Section -->
550 
+        <section>
551 
+            <div class="container mb-md-5 mb-5">
552 
+                <h2 class="satoshi_font text-center py-md-5 py-4">Top Selling Products</h2>
553 
+                <div class="row justify-content-center align-items-center pb-md-5 ">
554 
+                    <div class="col-10">
555 
+                        <div id="homepage-slider">
556 
+                            <div class="slider-hero">
557 
+                                <div class="card h-100 mx-1 text-center bg-gray-4 border-0">
558 
+                                    <div class="card-body">
559 
+                                        <a href="./storageproducts.html">
560 
+                                            <img src="./dist/assets/imgs/allin_imgs/ora3_storage.png" class="w-100" />
561 
+                                            <p class="mb-0 fs-7 py-2">ORA3 M.2 NVMe 512GB<br> PCI Express 3.0</p>
562 
+                                            <p class="fw-600 text-primary mb-0">Buy Now</p>
563 
+                                        </a>
564 
+                                    </div>
565 
+                                </div>
566 
+                                <div class="card h-100 mx-1 text-center bg-gray-4 border-0">
567 
+                                    <div class="card-body">
568 
+                                        <a href="./storageproducts.html">
569 
+                                            <img src="./dist/assets/imgs/allin_imgs/ora4_storage.png" class="w-100" />
570 
+                                            <p class="mb-0 fs-7 py-2">ORA4 M.2 NVMe 2TB<br> PCI Express 4.0</p>
571 
+                                            <p class="fw-600 text-primary mb-0">Buy Now</p>
572 
+                                        </a>
573 
+                                    </div>
574 
+                                </div>
575 
+                                <div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
576 
+                                    <div class="card-body">
577 
+                                        <img src="./dist/assets/imgs/allin_imgs/ora_desktop.png" class="w-100" />
578 
+                                        <p class="mb-0 fs-7 py-2">ORA 32GB DDR5 <br> 4800MHz Desktop Memory</p>
579 
+                                        <p class="fw-600 text-primary mb-0">Buy Now</p>
580 
+                                        <p class="selling_product d-none" data_name="ORA 32GB DDR5 4800MHz Desktop RAM "
581 
+                                            data_version="DDR5" data_device="Desktop" data_gb="32GB" data_price="15500"
582 
+                                            data_img="../dist/assets/imgs/allin_imgs/ora_desktop.png">
583 
+                                        </p>
584 
+                                    </div>
585 
+                                </div>
586 
+                                <div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
587 
+                                    <div class="card-body">
588 
+                                        <img src="./dist/assets/imgs/allin_imgs/8gb_laptop.png" class="w-100" />
589 
+                                        <p class="mb-0 fs-7 py-2">ORA 8GB DDR5 <br> 4800MHz Laptop Memory</p>
590 
+                                        <p class="fw-600 text-primary mb-0">Buy Now</p>
591 
+                                        <p class="selling_product d-none" data_name="ORA 8GB DDR5 4800MHz Laptop RAM "
592 
+                                            data_version="DDR5" data_device="Laptop" data_gb="8GB" data_price="5150"
593 
+                                            data_img="../dist/assets/imgs/allin_imgs/8gb_laptop.png">
594 
+                                        </p>
595 
+                                    </div>
596 
+                                </div>
597 
+                                <div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
598 
+                                    <div class="card-body">
599 
+                                        <img src="./dist/assets/imgs/allin_imgs/32gb_laptop.png" class="w-100" />
600 
+                                        <p class="mb-0 fs-7 py-2">ORA 32GB DDR4 <br> 3200MHz Laptop Memory</p>
601 
+                                        <p class="fw-600 text-primary mb-0">Buy Now</p>
602 
+                                        <p class="selling_product d-none" data_name="ORA 32GB DDR4 3200MHz Laptop RAM "
603 
+                                            data_version="DDR4" data_device="Laptop" data_gb="32GB" data_price="8450"
604 
+                                            data_img="../dist/assets/imgs/allin_imgs/32gb_laptop.png">
605 
+                                        </p>
606 
+                                    </div>
607 
+                                </div>
608 
+                                <div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
609 
+                                    <div class="card-body">
610 
+                                        <img src="./dist/assets/imgs/allin_imgs/32gb_laptop.png" class="w-100" />
611 
+                                        <p class="mb-0 fs-7 py-2">DDR4 <br> 3200MHz Laptop Memory</p>
612 
+                                        <p class="fw-600 text-primary mb-0">Buy Now</p>
613 
+                                        <p class="selling_product d-none" data_name="ORA 32GB DDR4 3200MHz Laptop RAM "
614 
+                                            data_version="DDR4" data_device="Laptop" data_gb="32GB" data_price="8450"
615 
+                                            data_img="../dist/assets/imgs/allin_imgs/32gb_laptop.png">
616 
+                                        </p>
617 
+                                    </div>
618 
+                                </div>
619 
+                            </div>
620 
+                        </div>
621 
+                    </div>
622 
+                </div>
623 
+            </div>
624 
+            <div class="bg-gradient-anwi container my-5 my-md-5 rounded-3 text-white" id="innovation_sections">
625 
+                <div class="row align-items-center">
626 
+                    <div class="col-md-3 text-center">
627 
+                        <img src="./dist/assets/imgs/allin_imgs/innovation_img1.png" class="img-fluid" />
628 
+                    </div>
629 
+                    <div class="col-md-6 text-center">
630 
+                        <h1 class="">Innovation at your fingertips</h1>
631 
+                        <h5 class="mb-md-3 fw-600">Be the first to set your digital world on fire!</h5>
632 
+                        <a href="./index1.html" class="btn rounded-3 bg-black text-white px-md-4">Know More</a>
633 
+                    </div>
634 
+                    <div class="col-md-3  text-center">
635 
+                        <img src="./dist/assets/imgs/allin_imgs/innovation_img2.png" class="img-fluid" />
636 
+                    </div>
637 
+                </div>
638 
+            </div>
639 
+        </section>
640 
+        <!-- END Top Selling Section -->
641 
+    </main>
642 
+    <!-- footer -->
643 
+    <div id="footer-head" class=""></div>
644 
+    <!-- end-footer -->
645 
+
646 
+    <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
647 
+    <script src="./dist/js/jquery.min.js"></script>
648 
+    <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
649 
+
650 
+    <script src="./libs/axios.min.js"></script>
651 
+
652 
+    <script src="./libs/cookies.min.js"></script>
653 
+
654 
+    <script src="./dist/toaster/toastr.js"></script>
655 
+    <script src="./dist/js/fontawesome.all.js"></script>
656 
+    <script src="./dist/js/fontawesome.min.js"></script>
657 
+    <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
658 
+    <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
659 
+    <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
660 
+    <script src="./dist/js/vendor/bootstrap.min.js"></script>
661 
+    <script src="./dist/js/plugins/slick.js"></script>
662 
+    <script src="./dist/js/plugins/wow.js"></script>
663 
+    <script src="./dist/js/plugins/svg-injector.min.js"></script>
664 
+    <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
665 
+    <!-- <script src="./dist/js/plugins/mouse-parallax.js"></script>
666 
+    <script src="./dist/js/plugins/images-loaded.js"></script>
667 
+    <script src="./dist/js/plugins/isotope.js"></script>
668 
+    <script src="./dist/js/plugins/jquery-ui.js"></script>
669 
+    <script src="./dist/js/plugins/magnific-popup.js"></script> -->
670 
+    <!-- Main JS -->
671 
+    <script src="./dist/js/footer.js"></script>
672 
+    <script src="./dist/js/auth/apiservice.js"></script>
673 
+    <script src="./dist/js/navbar.js"></script>
674 
+    <script src="./dist/js/main.js"></script>
675 
+    <script src="./dist/js/index/index.js"></script>
676 
+
677 
+
678 
+    <script>
679 
+        $(document).ready(function () {
680 
+            let Newuser = window.localStorage.getItem(USER_AUTH_OKAY);
681 
+
682 
+            if (Newuser == 1) {
683 
+                toasteropts()
684 
+                Command: toastr["success"]("Account Created Successfully");
685 
+                window.localStorage.removeItem(USER_AUTH_OKAY)
686 
+                return
687 
+            } else if (Newuser == 2) {
688 
+
689 
+                toasteropts()
690 
+                Command: toastr["success"]("Logged In Successfully");
691 
+                window.localStorage.removeItem(USER_AUTH_OKAY)
692 
+                return
693 
+
694 
+            }
695 
+
696 
+            function toasteropts() {
697 
+                toastr.options = {
698 
+                    "closeButton": true,
699 
+                    "debug": false,
700 
+                    "newestOnTop": true,
701 
+                    "progressBar": true,
702 
+                    "positionClass": "toast-top-center",
703 
+                    "preventDuplicates": true,
704 
+                    "onclick": null,
705 
+                    "showDuration": "300",
706 
+                    "hideDuration": "1000",
707 
+                    "timeOut": "5000",
708 
+                    "extendedTimeOut": "1000",
709 
+                    "showEasing": "swing",
710 
+                    "hideEasing": "linear",
711 
+                    "showMethod": "fadeIn",
712 
+                    "hideMethod": "fadeOut"
713 
+                }
714 
+            }
715 
+        });
716 
+
717 
+        $(".slick-prev").addClass("btn text-white");
718 
+        $(".slick-next").addClass("btn text-white");
719 
+        $(".slick-prev").html("←");
720 
+        $(".slick-next").html("→")
721 
+        // $('.owl-carousel.hero_carousel_main').owlCarousel({
722 
+        //     loop: true,
723 
+        //     nav: false,
724 
+        //     dots: true,
725 
+        //     responsive: {
726 
+        //         0: {
727 
+        //             items: 1
728 
+        //         },
729 
+        //         600: {
730 
+        //             items: 1
731 
+        //         },
732 
+        //         1000: {
733 
+        //             items: 1
734 
+        //         }
735 
+        //     }
736 
+        // });
737 
+
738 
+        // $('.owl-carousel.star-products-img-sec').owlCarousel({
739 
+        //     // loop: true,
740 
+        //     margin: 10,
741 
+        //     rtl: false,
742 
+        //     nav: true,
743 
+        //     navText: [
744 
+        //         "<svg xmlns='http://www.w3.org/2000/svg' width='35' height='35' fill='#B8B8B8' class='bi bi-arrow-left-short' viewBox='0 0 16 16'> <path fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z'/></svg>",
745 
+        //         "<svg xmlns='http://www.w3.org/2000/svg' width='35' height='35' fill='#B8B8B8' class='bi bi-arrow-right-short' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z'/> </svg>"
746 
+        //     ],
747 
+        //     responsive: {
748 
+        //         0: {
749 
+        //             items: 1
750 
+        //         },
751 
+        //         600: {
752 
+        //             items: 3
753 
+        //         },
754 
+        //         1000: {
755 
+        //             items: 5
756 
+        //         }
757 
+        //     }
758 
+        // });
759 
+        // $('.owl-nav,.owl-dots').wrapAll('<div class="d-flex flex-row-reverse justify-content-between align-items-center"></div>')
760 
+        $(".aw-main-features-toggle").click(function () {
761 
+            $('.feature-bg-image').addClass('d-none');
762 
+            $(".aw-main-features-toggle").addClass('p-4 bg-light')
763 
+            $('.aw-main-features-toggler-tab').removeClass('d-none');
764 
+            //   $('.aw-main-features-toggler-tab.p-4').removeClass('p-4');
765 
+            let toggleTab = $(this).find('.feature-bg-image:visible').length
766 
+            if (toggleTab) {
767 
+                //  $(this).find('.feature-bg-image').addClass('d-none');
768 
+                $(this).find('.feature-bg-image').animate({
769 
+                    width: "toggle"
770 
+                }, 500);
771 
+            } else {
772 
+                // $(this).find('.aw-main-features-toggler-tab').addClass('d-none');
773 
+
774 
+                $('.aw-main-features-toggle.d-flex').removeClass('p-4')
775 
+
776 
+                $(this).addClass('d-flex');
777 
+
778 
+                $(this).find('.aw-main-features-toggler-tab').addClass('p-4');
779 
+                $(this).find('.feature-bg-image').removeClass('d-none').addClass('animated-feature-img');
780 
+
781 
+                if (window.width > 768) {
782 
+                    $(this).find('.feature-bg-image').animate({
783 
+                        width: "50rem"
784 
+                    }, 500);
785 
+                } else {
786 
+                    $(this).find('.feature-bg-image').animate({
787 
+                        width: "auto"
788 
+                    }, 500);
789 
+
790 
+                }
791 
+                $(this).removeClass('p-4 bg-light')
792 
+            }
793 
+        });
794 
+        let width_sc = $(window).width();
795 
+        if (width_sc <= 1198) {
796 
+            $(".text_fyro").addClass("d-none");
797 
+            $(".Fyro_main_card").removeClass("col-lg-11").addClass("col-12")
798 
+        }
799 
+
800 
+        $(".top_sell").each(function () {
801 
+            $(".top_sell").click(function () {
802 
+                let product_name = $(this).find(".selling_product").attr("data_name");
803 
+                let data_version = $(this).find(".selling_product").attr("data_version");
804 
+                let data_device = $(this).find(".selling_product").attr("data_device");
805 
+                let data_gb = $(this).find(".selling_product").attr("data_gb");
806 
+                let data_price = $(this).find(".selling_product").attr("data_price");
807 
+                let data_img = $(this).find(".selling_product").attr("data_img");
808 
+
809 
+                let top_obj = {
810 
+                    name: product_name,
811 
+                    version: data_version,
812 
+                    device: data_device,
813 
+                    gb: data_gb,
814 
+                    price: data_price,
815 
+                    img: data_img
816 
+                }
817 
+                localStorage.setItem("top_data", JSON.stringify(top_obj));
818 
+                window.location.href = "./productdetails.html";
819 
+            })
820 
+        })
821 
+    </script>
822 
+</body>
823 
+
824 
+</html>

+ 572
- 0
index_oldd.html Visa fil 

@@ -0,0 +1,572 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+
4 
+<head>
5 
+    <meta charset="UTF-8" />
6 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
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">
9 
+    <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
10 
+    <link rel="stylesheet" href="./dist/css/main.css" />
11 
+    <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.theme.default.min.css">
14 
+    <!-- <link rel="stylesheet" href="./dist/css/font_icon.min.css"> -->
15 
+
16 
+
17 
+
18 
+
19 
+    <link rel="stylesheet" href="./dist/css/vendor/vandella.css">
20 
+    <link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">
21 
+    <!-- <link rel="stylesheet" href="./dist/css/vendor/icofont.min.css"> -->
22 
+    <link rel="stylesheet" href="./dist/css/vendor/fontello.css">
23 
+    <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">
24 
+    <link rel="stylesheet" href="./dist/css/plugins/slick.css">
25 
+    <link rel="stylesheet" href="./dist/css/plugins/nice-select.css">
26 
+    <link rel="stylesheet" href="./dist/css/plugins/animate.css">
27 
+    <link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css">
28 
+    <link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css">
29 
+    <link rel="stylesheet" href="./dist/css/style.css">
30 
+    <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">
31 
+    <link rel="stylesheet" href="./dist/css/fontawesome.min.css">
32 
+    <link rel="stylesheet" href="./dist/toaster/toastr.css" />
33 
+
34 
+    <title>Anwi</title>
35 
+    <style>
36 
+        .slick-prev{
37 
+            position: absolute;
38 
+            padding: 10px 15px;
39 
+            z-index: 1;
40 
+            left: -25px;
41 
+            top: 70px;
42 
+            border-radius: 50%;
43 
+            background: rgb(63, 76, 119);
44 
+        }
45 
+        .slick-next{
46 
+            position: absolute;
47 
+            padding: 10px 15px;
48 
+            right: -25px;
49 
+            top: 70px;
50 
+            border-radius: 50%;
51 
+            background: rgb(63, 76, 119);
52 
+        }
53 
+        .slick-prev.btn:hover, .slick-next.btn:hover{
54 
+            background: rgb(63, 76, 119);
55 
+        }
56 
+        /* .graphene_text::after{
57 
+            content: "";
58 
+            display: block;
59 
+            width: 60px;
60 
+            height: 3px;
61 
+            background: #ffffff;
62 
+            left: 0;
63 
+        } */
64 
+
65 
+        .slick-track
66 
+        {
67 
+            display: flex !important;
68 
+        }
69 
+
70 
+        .slick-slide
71 
+        {
72 
+            height: inherit !important;
73 
+        }
74 
+    </style>
75 
+
76 
+</head>
77 
+
78 
+<body>
79 
+    <!-- navbar -->
80 
+    <div id="navbar-head"></div>
81 
+    <!-- end-navbar -->
82 
+    <!-- main-body -->
83 
+    <main class="main-body home-main-container">
84 
+        <section class="hero-banner">
85 
+            <!-- banner-start -->
86 
+            <section class="banner-wrapper" id="home_banner">
87 
+                <div class="banner-main-container">
88 
+                    <div id="carouselExampleAutoplaying" class="carousel slide " data-bs-ride="carousel">
89 
+                        <div class="carousel-indicators mb-md-5">
90 
+                            <button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="0"
91 
+                                class="active carousel_btn" aria-current="true" aria-label="Slide 1"></button>
92 
+                            <button type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide-to="1"
93 
+                                aria-label="Slide 2" class="carousel_btn"></button>
94 
+                        </div>
95 
+                        <div class="carousel-inner">
96 
+                            <div class="carousel-item active" id="carousel_item1">
97 
+                                <img src="./dist/assets/imgs/allin_imgs/oradesktop.png"
98 
+                                    class="d-block mx-auto w-100 carousel_img" alt="...">
99 
+                            </div>
100 
+                            <div class="carousel-item " id="carousel_item4">
101 
+                                <img src="./dist/assets/imgs/allin_imgs/oranvme.png" class="d-block w-100 mx-auto carousel_img"
102 
+                                    alt="...">
103 
+                            </div>
104 
+                        </div>
105 
+                    </div>
106 
+                </div>
107 
+            </section>
108 
+        </section>
109 
+        <!-- end-banner -->
110 
+        <!-- Graphene Technology Section -->
111 
+        <section class=" bg-black" id="graphene_section">
112 
+            <div class="container py-md-5 py-4 position-relative">
113 
+                <div class="row align-items-center justify-content-center pb-md-5 pb-4">
114 
+                    <div class="col-md-4 col-3 text-end">
115 
+                        <img src="./dist/assets/imgs/allin_imgs/ora_img.png" class="img-fluid w-md-50"/>
116 
+                    </div>
117 
+                    <div class="col-md-8 col-9 text-white">
118 
+                        <h2 class="satoshi_font">Our Innovation in Memory and Storage</h2>
119 
+                        <h5 class="satoshi_font">Reliable Heat Dissipation with <span class="fw-600">Graphene
120 
+                                Technology</span></h5>
121 
+                    </div>
122 
+                </div>
123 
+                <div class="align-items-center py-md-5 py-4 mx-0 rounded-3 row" id="graphene_tech">
124 
+                    <div class="col-12">
125 
+                        <div class="row align-items-center justify-content-md-center ">
126 
+                            <div class="col-lg-6 col-md-8 text-center px-lg-3 px-md-5">
127 
+                                <img src="./dist/assets/imgs/allin_imgs/graphene_img.png" class="img-fluid text-center" />
128 
+                            </div>
129 
+                            <div class="col-lg-6 text-white pe-lg-4">
130 
+                                <h2 class="satoshi_font pb-md-3">A Breakthrough in Storage Performance and Sustainability</h2>
131 
+                                <h6 class="mb-md-4 fw-lighter" style="line-height: 24px;">Experience a new era of storage technology with
132 
+                                    our innovative Graphene-Thermal Pad solution
133 
+                                    designed to revolutionize performance, longevity,
134 
+                                    and environmental sustainability.<br>
135 
+                                    ORA Series offers unparalleled benefits
136 
+                                    that set it apart from traditional storage options.</h6>
137 
+                                    <div class="row px-md-3">
138 
+                                        <div class="col-md-6 border-left pt-md-0 pt-2">
139 
+                                            <p class="graphene_text fs-9 mb-0">Optimal Thermal Management</p>
140 
+                                        </div>
141 
+                                        <div class="col-md-6 border-left">
142 
+                                            <p class="graphene_text  fs-9 mb-0"> Lightning-fast read and write speeds</p>
143 
+                                        </div>
144 
+                                        <div class="col-md-6 mt-md-3 border-left">
145 
+                                            <p class="graphene_text  fs-9 mb-0">Lightweight & Flexible Deisgn</p>
146 
+                                        </div>
147 
+                                        <div class="col-md-6 mt-md-3 border-left">
148 
+                                            <p class="graphene_text  fs-9 mb-0">Enhanced longevity</p>
149 
+                                        </div>
150 
+                                        <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>
151 
+                                    </div>
152 
+                                <!-- <div class="text-end pe-md-4">
153 
+                                    <a class="btn btn-dark button_dark py-md-2" href="#">Know more...</a>
154 
+                                </div> -->
155 
+                            </div>
156 
+                        </div>
157 
+                    </div>
158 
+                    <div class="col-12">
159 
+                        <div class="row pt-md-4 align-items-center px-md-3">
160 
+                            <div class="col-md-6 col-12 py-md-0 py-3 text-md-center text-white">
161 
+                                <h3 class="fw-600">99% thinner than
162 
+                                    Traditional Solutions</h3>
163 
+                            </div>
164 
+                            <div class="col-md-6">
165 
+                                <div class="row justify-content-center align-items-center">
166 
+                                    <div class="col-lg-6 col-12 text-center text-white">
167 
+                                        <div class="bg-black d-flex fs-9 px-md-4 py-md-2 py-2 px-3 rounded-3">
168 
+                                            <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>
169 
+                                            <p class="mb-0 text-start py-md-1 w-75 fs-7">&nbsp;World's Thinnest Heat Sink 100% More Effective</p>
170 
+                                        </div>
171 
+                                    </div>
172 
+                                    <div class="col-lg-6 col-12 pt-lg-0 pt-3 text-center">
173 
+                                            <div class="bg-white fs-7 px-md-2 py-md-2 rounded-3">
174 
+                                                <div class="border d-flex fs-7 rounded-3 align-items-center">
175 
+                                                    <div class="p-2" style="background-color: #50b2e4;border-top-left-radius: 7px;border-bottom-left-radius:7px;">
176 
+                                                        <img src="./dist/assets/imgs/allin_imgs/15_percent.png" class="img-fluid w-60"/>
177 
+                                                    </div>
178 
+                                                    <p class="py-md-2 border-left mb-0 w-75 text-dark ps-1">15% More Performance & Life</p>
179 
+                                                </div>
180 
+                                            </div>
181 
+                                    </div>
182 
+                                </div>
183 
+                            </div>
184 
+                        </div>
185 
+                    </div>
186 
+                </div>
187 
+                <div class="d-md-block d-none">
188 
+                    <span class="transform_text1">Graphene&nbsp;Technology</span>
189 
+                </div>
190 
+            </div>
191 
+        </section>
192 
+        <!-- END Graphene Technology Section -->
193 
+
194 
+        <!-- ORA series future storage section-->
195 
+        <section class="bg-black" id="Ora_series_1">
196 
+            <div class="container position-relative py-5 py-md-5">
197 
+                <div class="mb-5 mb-md-5 text-center text-white">
198 
+                    <h2 class="satoshi_font">Discover the Future of Storage</h2>
199 
+                    <h6 class="satoshi_font">with M2 NVMe SSDs at Lightning Speeds</h6>
200 
+                </div>
201 
+                <div class="align-items-center flex-column-reverse flex-md-row mx-0 px-md-5 rounded-4 row" id="Fyro_main_card">
202 
+                    <div class="col-lg-4 col-md-4 pb-4 ps-4 ps-md-0 py-md-5 ps-lg-5">
203 
+                        <h3 class="fw-600 mb-md-3">ORA PCIe Storage</h3>
204 
+                        <h5 class="mb-1">NVMe M.2 SSDs</h5>
205 
+                        <h6 class="fs-7 mb-1">SSDs for your All-in-Ones and Laptops</h6>
206 
+                        <h6 class="fs-9 fw-600">Starting from ₹ 2,700</h6>
207 
+                        <div class="py-2">
208 
+                            <a class="btn btn-dark button_dark py-md-1" href="./storageproducts.html">Shop Now</a>
209 
+                        </div>
210 
+                    </div>
211 
+                    <div class="col-lg-8 col-md-8">
212 
+                        <img src="./dist/assets/imgs/allin_imgs/pci_storage.png" class="img-fluid">
213 
+                    </div>
214 
+                </div>
215 
+                <div class="d-md-block d-none">
216 
+                    <span class="transform_text2 satoshi_font">ORA&nbsp;Series</span>
217 
+                </div>
218 
+            </div>
219 
+        </section>
220 
+        <!-- END ORA series future storage section-->
221 
+
222 
+        <!-- ORA series Portability section-->
223 
+        <section class="bg-black" id="Ora_series_2">
224 
+            <div class="container py-md-5 py-5 position-relative">
225 
+                <div class="text-center text-white mb-md-5 mb-5">
226 
+                    <h2 class="satoshi_font">Portability Meets Power</h2>
227 
+                    <h6 class="satoshi_font">Boost the laptops Potentail with ORA Memory Series</h6>
228 
+                </div>
229 
+                <div class="align-items-center flex-md-row mx-0 px-md-5 rounded-4 row" id="laptop_memory_sec">
230 
+                    <div class="col-lg-8 col-md-8">
231 
+                        <img src="./dist/assets/imgs/allin_imgs/laptop_memory.png" class="img-fluid"/>
232 
+                    </div>
233 
+                    <div class="col-lg-4 col-md-4 pb-4 ps-4 ps-md-0 py-md-5 ps-lg-5">
234 
+                        <h3 class="fw-600 mb-md-0">ORA Series</h3>
235 
+                        <h3 class="fw-600 mb-md-2">Laptop Memory</h3>
236 
+                        <h6 class="fs-9 fw-600">Starting from ₹ 1,900</h6>
237 
+                        <div class="py-2">
238 
+                            <a class="btn btn-dark button_dark py-md-1" href="./ramproducts.html">Shop Now</a>
239 
+                        </div>
240 
+                    </div>
241 
+                </div>
242 
+                <div class="d-md-block d-none">
243 
+                    <span class="transform_text2 satoshi_font">ORA&nbsp;Series</span>
244 
+                </div>
245 
+            </div>
246 
+        </section>
247 
+        <!-- END ORA series Portability section-->
248 
+
249 
+        <!-- ORA series Empowering section-->
250 
+        <section class="bg-black " id="Ora_series_3">
251 
+            <div class="container py-md-5 py-5 position-relative">
252 
+                <div class="text-center text-white mb-5 mb-md-5">
253 
+                    <h2 class="satoshi_font">Empowering the Performance</h2>
254 
+                    <h6 class="satoshi_font">Maximize Efficiency with ORA Desktop Memory Series</h6>
255 
+                </div>
256 
+                <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">
257 
+                    <div class="col-lg-6 col-md-4 pb-4 pb-md-0 ps-4 ps-md-0 ps-lg-5">
258 
+                        <h3 class="fw-600 mb-md-0">ORA Series</h3>
259 
+                        <h3 class="fw-600 mb-md-2">Desktop Memory</h3>
260 
+                        <h6 class="fs-9 fw-600">Starting from ₹ 2,100</h6>
261 
+                        <div class="py-2 mt-lg-0">
262 
+                            <a class="btn btn-dark button_dark py-md-2" href="./ramproducts.html">Shop Now</a>
263 
+                        </div>
264 
+                    </div>
265 
+                    <div class="col-lg-6 col-md-8 pt-lg-5">
266 
+                        <img src="./dist/assets/imgs/allin_imgs/desktop_memory.png" class="img-fluid"/>
267 
+                    </div>
268 
+                </div>
269 
+                <div class="d-md-block d-none">
270 
+                    <span class="transform_text2 satoshi_font">ORA&nbsp;Series</span>
271 
+                </div>
272 
+            </div>
273 
+        </section>
274 
+        <!-- END ORA series Empowering  section-->
275 
+
276 
+        <!-- Top Selling Section -->
277 
+        <section>
278 
+            <div class="container mb-md-5 mb-5">
279 
+                <h2 class="satoshi_font text-center py-md-5 py-4">Top Selling Products</h2>
280 
+                    <div class="row justify-content-center align-items-center pb-md-5 ">
281 
+                        <div class="col-10">
282 
+                            <div id="homepage-slider" >
283 
+                                <div class="slider-hero">
284 
+                                    <div class="card h-100 mx-1 text-center bg-gray-4 border-0">
285 
+                                        <div class="card-body">
286 
+                                            <a href="./storageproducts.html">
287 
+                                                <img src="./dist/assets/imgs/allin_imgs/ora3_storage.png" class="w-100"/>
288 
+                                                <p class="mb-0 fs-7 py-2">ORA3 M.2 NVMe 512GB<br> PCI Express 3.0</p>
289 
+                                                <p class="fw-600 text-primary mb-0">Buy Now</p>
290 
+                                            </a>
291 
+                                        </div>
292 
+                                    </div>
293 
+                                    <div class="card h-100 mx-1 text-center bg-gray-4 border-0">
294 
+                                        <div class="card-body">
295 
+                                            <a href="./storageproducts.html">
296 
+                                                <img src="./dist/assets/imgs/allin_imgs/ora4_storage.png" class="w-100"/>
297 
+                                                <p class="mb-0 fs-7 py-2">ORA4 M.2 NVMe 2TB<br> PCI Express 4.0</p>
298 
+                                                <p class="fw-600 text-primary mb-0">Buy Now</p>
299 
+                                            </a>
300 
+                                        </div>
301 
+                                    </div>
302 
+                                    <div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
303 
+                                        <div class="card-body">
304 
+                                            <img src="./dist/assets/imgs/allin_imgs/ora_desktop.png" class="w-100"/>
305 
+                                            <p class="mb-0 fs-7 py-2">ORA 32GB DDR5 <br> 4800MHz Desktop Memory</p>
306 
+                                             <p class="fw-600 text-primary mb-0">Buy Now</p>
307 
+                                             <p class="selling_product d-none"
308 
+                                             data_name="ORA 32GB DDR5 4800MHz Desktop RAM "
309 
+                                             data_version="DDR5"
310 
+                                             data_device="Desktop"
311 
+                                             data_gb="32GB"
312 
+                                             data_price="15500"
313 
+                                             data_img="../dist/assets/imgs/allin_imgs/ora_desktop.png">
314 
+                                         </p>
315 
+                                        </div>
316 
+                                    </div>
317 
+                                    <div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
318 
+                                        <div class="card-body">
319 
+                                            <img src="./dist/assets/imgs/allin_imgs/8gb_laptop.png" class="w-100"/>
320 
+                                            <p class="mb-0 fs-7 py-2">ORA 8GB DDR5 <br> 4800MHz Laptop Memory</p>
321 
+                                             <p class="fw-600 text-primary mb-0">Buy Now</p>
322 
+                                             <p class="selling_product d-none"
323 
+                                                data_name="ORA 8GB DDR5 4800MHz Laptop RAM "
324 
+                                                data_version="DDR5"
325 
+                                                data_device="Laptop"
326 
+                                                data_gb="8GB"
327 
+                                                data_price="5150"
328 
+                                                data_img="../dist/assets/imgs/allin_imgs/8gb_laptop.png">
329 
+                                            </p>
330 
+                                        </div>
331 
+                                    </div>
332 
+                                    <div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
333 
+                                        <div class="card-body">
334 
+                                            <img src="./dist/assets/imgs/allin_imgs/32gb_laptop.png" class="w-100"/>
335 
+                                            <p class="mb-0 fs-7 py-2">ORA 32GB DDR4 <br> 3200MHz Laptop Memory</p>
336 
+                                             <p class="fw-600 text-primary mb-0">Buy Now</p>
337 
+                                             <p class="selling_product d-none"
338 
+                                                data_name="ORA 32GB DDR4 3200MHz Laptop RAM "
339 
+                                                data_version="DDR4"
340 
+                                                data_device="Laptop"
341 
+                                                data_gb="32GB"
342 
+                                                data_price="8450"
343 
+                                                data_img="../dist/assets/imgs/allin_imgs/32gb_laptop.png"
344 
+                                                >
345 
+                                            </p>
346 
+                                        </div>
347 
+                                    </div>
348 
+                                    <div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
349 
+                                        <div class="card-body">
350 
+                                            <img src="./dist/assets/imgs/allin_imgs/32gb_laptop.png" class="w-100"/>
351 
+                                            <p class="mb-0 fs-7 py-2">ORA DDR4 <br> 3200MHz Laptop Memory</p>
352 
+                                             <p class="fw-600 text-primary mb-0">Buy Now</p>
353 
+                                             <p class="selling_product d-none"
354 
+                                                data_name="ORA 32GB DDR4 3200MHz Laptop RAM "
355 
+                                                data_version="DDR4"
356 
+                                                data_device="Laptop"
357 
+                                                data_gb="32GB"
358 
+                                                data_price="8450"
359 
+                                                data_img="../dist/assets/imgs/allin_imgs/32gb_laptop.png"
360 
+                                                >
361 
+                                            </p>
362 
+                                        </div>
363 
+                                    </div>
364 
+                                </div>
365 
+                            </div>
366 
+                        </div>
367 
+                    </div>
368 
+            </div>
369 
+            <div class="bg-gradient-anwi container my-5 my-md-5 rounded-3 text-white" id="innovation_sections">
370 
+                <div class="row align-items-center">
371 
+                <div class="col-md-3 text-center">
372 
+                    <img src="./dist/assets/imgs/allin_imgs/innovation_img1.png" class="img-fluid"/>
373 
+                </div>
374 
+                <div class="col-md-6 text-center">
375 
+                    <h1 class="">Innovation at your fingertips</h1>
376 
+                    <h5 class="mb-md-3 fw-600">Be the first to set your digital world on fire!</h5>
377 
+                    <a href="./index1.html" class="btn rounded-3 bg-black text-white px-md-4">Know More</a>
378 
+                </div>
379 
+                <div class="col-md-3  text-center">
380 
+                    <img src="./dist/assets/imgs/allin_imgs/innovation_img2.png" class="img-fluid"/>
381 
+                </div>
382 
+                </div>
383 
+            </div>
384 
+        </section>
385 
+        <!-- END Top Selling Section -->
386 
+    </main>
387 
+    <!-- footer -->
388 
+    <div id="footer-head" class=""></div>
389 
+    <!-- end-footer -->
390 
+    <script src="./dist/js/jquery.min.js"></script>
391 
+    <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
392 
+
393 
+    <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
394 
+
395 
+   <script src="./libs/axios.min.js"></script>
396 
+
397 
+      <script src="./libs/cookies.min.js"></script>
398 
+
399 
+    <script src="./dist/toaster/toastr.js"></script>
400 
+    <script src="./dist/js/fontawesome.all.js"></script>
401 
+    <script src="./dist/js/fontawesome.min.js"></script>
402 
+    <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
403 
+    <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
404 
+    <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
405 
+    <script src="./dist/js/vendor/bootstrap.min.js"></script>
406 
+    <script src="./dist/js/plugins/slick.js"></script>
407 
+    <script src="./dist/js/plugins/wow.js"></script>
408 
+    <script src="./dist/js/plugins/svg-injector.min.js"></script>
409 
+    <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
410 
+    <!-- <script src="./dist/js/plugins/mouse-parallax.js"></script>
411 
+    <script src="./dist/js/plugins/images-loaded.js"></script>
412 
+    <script src="./dist/js/plugins/isotope.js"></script>
413 
+    <script src="./dist/js/plugins/jquery-ui.js"></script>
414 
+    <script src="./dist/js/plugins/magnific-popup.js"></script> -->
415 
+    <!-- Main JS -->
416 
+
417 
+
418 
+    <script src="./dist/js/footer.js"></script>
419 
+    <script src="./dist/js/auth/apiservice.js"></script>
420 
+    <script src="./dist/js/navbar.js"></script>
421 
+    <!-- <script src="./dist/js/components/accordion/accordion.js"></script> -->
422 
+    <script src="./dist/js/main.js"></script>
423 
+    <script src="./dist/js/index/index.js"></script>
424 
+
425 
+
426 
+
427 
+    <script>
428 
+             $(document).ready(function() {
429 
+        let Newuser =window.localStorage.getItem(USER_AUTH_OKAY);
430 
+
431 
+        if(Newuser == 1){
432 
+            toasteropts()
433 
+            Command: toastr["success"]("Account Created Successfully");
434 
+            window.localStorage.removeItem(USER_AUTH_OKAY)
435 
+            return
436 
+        }else if(Newuser == 2){
437 
+
438 
+            toasteropts()
439 
+            Command: toastr["success"]("Logged In Successfully");
440 
+            window.localStorage.removeItem(USER_AUTH_OKAY)
441 
+            return
442 
+
443 
+        }
444 
+    function toasteropts(){
445 
+       toastr.options = {
446 
+      "closeButton": true,
447 
+      "debug": false,
448 
+      "newestOnTop": true,
449 
+      "progressBar": true,
450 
+      "positionClass": "toast-top-center",
451 
+      "preventDuplicates": true,
452 
+      "onclick": null,
453 
+      "showDuration": "300",
454 
+      "hideDuration": "1000",
455 
+      "timeOut": "5000",
456 
+      "extendedTimeOut": "1000",
457 
+      "showEasing": "swing",
458 
+      "hideEasing": "linear",
459 
+      "showMethod": "fadeIn",
460 
+      "hideMethod": "fadeOut"
461 
+    }
462 
+    }
463 
+});
464 
+
465 
+        $(".slick-prev").addClass("btn text-white");
466 
+        $(".slick-next").addClass("btn text-white");
467 
+        $(".slick-prev").html("←");
468 
+        $(".slick-next").html("→")
469 
+        // $('.owl-carousel.hero_carousel_main').owlCarousel({
470 
+        //     loop: true,
471 
+        //     nav: false,
472 
+        //     dots: true,
473 
+        //     responsive: {
474 
+        //         0: {
475 
+        //             items: 1
476 
+        //         },
477 
+        //         600: {
478 
+        //             items: 1
479 
+        //         },
480 
+        //         1000: {
481 
+        //             items: 1
482 
+        //         }
483 
+        //     }
484 
+        // });
485 
+
486 
+        // $('.owl-carousel.star-products-img-sec').owlCarousel({
487 
+        //     // loop: true,
488 
+        //     margin: 10,
489 
+        //     rtl: false,
490 
+        //     nav: true,
491 
+        //     navText: [
492 
+        //         "<svg xmlns='http://www.w3.org/2000/svg' width='35' height='35' fill='#B8B8B8' class='bi bi-arrow-left-short' viewBox='0 0 16 16'> <path fill-rule='evenodd' d='M12 8a.5.5 0 0 1-.5.5H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5a.5.5 0 0 1 .5.5z'/></svg>",
493 
+        //         "<svg xmlns='http://www.w3.org/2000/svg' width='35' height='35' fill='#B8B8B8' class='bi bi-arrow-right-short' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z'/> </svg>"
494 
+        //     ],
495 
+        //     responsive: {
496 
+        //         0: {
497 
+        //             items: 1
498 
+        //         },
499 
+        //         600: {
500 
+        //             items: 3
501 
+        //         },
502 
+        //         1000: {
503 
+        //             items: 5
504 
+        //         }
505 
+        //     }
506 
+        // });
507 
+        // $('.owl-nav,.owl-dots').wrapAll('<div class="d-flex flex-row-reverse justify-content-between align-items-center"></div>')
508 
+        $(".aw-main-features-toggle").click(function () {
509 
+            $('.feature-bg-image').addClass('d-none');
510 
+            $(".aw-main-features-toggle").addClass('p-4 bg-light')
511 
+            $('.aw-main-features-toggler-tab').removeClass('d-none');
512 
+            //   $('.aw-main-features-toggler-tab.p-4').removeClass('p-4');
513 
+            let toggleTab = $(this).find('.feature-bg-image:visible').length
514 
+            if (toggleTab) {
515 
+                //  $(this).find('.feature-bg-image').addClass('d-none');
516 
+                $(this).find('.feature-bg-image').animate({
517 
+                    width: "toggle"
518 
+                }, 500);
519 
+            } else {
520 
+                // $(this).find('.aw-main-features-toggler-tab').addClass('d-none');
521 
+
522 
+                $('.aw-main-features-toggle.d-flex').removeClass('p-4')
523 
+
524 
+                $(this).addClass('d-flex');
525 
+
526 
+                $(this).find('.aw-main-features-toggler-tab').addClass('p-4');
527 
+                $(this).find('.feature-bg-image').removeClass('d-none').addClass('animated-feature-img');
528 
+
529 
+                if (window.width > 768) {
530 
+                    $(this).find('.feature-bg-image').animate({
531 
+                        width: "50rem"
532 
+                    }, 500);
533 
+                } else {
534 
+                    $(this).find('.feature-bg-image').animate({
535 
+                        width: "auto"
536 
+                    }, 500);
537 
+
538 
+                }
539 
+                $(this).removeClass('p-4 bg-light')
540 
+            }
541 
+        });
542 
+        let width_sc = $(window).width();
543 
+        if (width_sc <= 1198) {
544 
+            $(".text_fyro").addClass("d-none");
545 
+            $(".Fyro_main_card").removeClass("col-lg-11").addClass("col-12")
546 
+        }
547 
+
548 
+        $(".top_sell").each(function(){
549 
+            $(".top_sell").click(function(){
550 
+                let product_name = $(this).find(".selling_product").attr("data_name");
551 
+            let data_version = $(this).find(".selling_product").attr("data_version");
552 
+            let data_device = $(this).find(".selling_product").attr("data_device");
553 
+            let data_gb = $(this).find(".selling_product").attr("data_gb");
554 
+            let data_price = $(this).find(".selling_product").attr("data_price");
555 
+            let data_img = $(this).find(".selling_product").attr("data_img");
556 
+
557 
+            let top_obj = {
558 
+                name:product_name,
559 
+                version:data_version,
560 
+                device:data_device,
561 
+                gb:data_gb,
562 
+                price:data_price,
563 
+                img:data_img
564 
+            }
565 
+                localStorage.setItem("top_data",JSON.stringify(top_obj));
566 
+                window.location.href="./productdetails.html";
567 
+            })
568 
+        })
569 
+    </script>
570 
+</body>
571 
+
572 
+</html>

+ 681
- 0
laptopdetails.html Visa fil 

@@ -0,0 +1,681 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+
4 
+<head>
5 
+    <meta charset="UTF-8" />
6 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7 
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
8 
+
9 
+    <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
10 
+    <link rel="stylesheet" href="./dist/css/main.css" />
11 
+    <link rel="stylesheet" href="./styles/style.css">
12 
+    <link rel="stylesheet" href="./libs/Owlcarousel/Css/owl.carousel.min.css">
13 
+    <link rel="stylesheet" href="./libs/Owlcarousel/Css/owl.theme.default.min.css">
14 
+    <link rel="stylesheet" href="dist/css/pages/productdetails.css">
15 
+
16 
+    <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
17 
+    <link rel="stylesheet" href="./dist/css/main.css" />
18 
+    <link rel="stylesheet" href="./style.css">
19 
+    <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.carousel.min.css">
20 
+    <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.theme.default.min.css">
21 
+    <!-- <link rel="stylesheet" href="./dist/css/font_icon.min.css"> -->
22 
+
23 
+    <link rel="stylesheet" href="./libs/toaster/toastr.css" />
24 
+
25 
+    <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
26 
+    <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
27 
+    <link rel="stylesheet" href="./dist/css/vendor/vandella.css">
28 
+    <link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">
29 
+    <!-- <link rel="stylesheet" href="./dist/css/vendor/icofont.min.css"> -->
30 
+    <link rel="stylesheet" href="./dist/css/vendor/fontello.css">
31 
+    <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">
32 
+    <link rel="stylesheet" href="./dist/css/plugins/slick.css">
33 
+    <link rel="stylesheet" href="./dist/css/plugins/nice-select.css">
34 
+    <link rel="stylesheet" href="./dist/css/plugins/animate.css">
35 
+    <link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css">
36 
+    <link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css">
37 
+    <link rel="stylesheet" href="./dist/css/style.css">
38 
+    <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">
39 
+    <link rel="stylesheet" href="./dist/css/fontawesome.min.css">
40 
+    <link rel="stylesheet" href="./dist/toaster/toastr.css" />
41 
+
42 
+    <title>Anwi</title>
43 
+
44 
+</head>
45 
+
46 
+<body>
47 
+    <!-- navbar -->
48 
+    <auth-loader></auth-loader>
49 
+    <div id="navbar-head"></div>
50 
+    <!-- end-navbar -->
51 
+    <!-- main-body -->
52 
+    <main class="main-body home-main-container loading-main">
53 
+        <section class="services barbgnav d-none h-100 pt-3  bg-gradient-anwi">
54 
+            <div class="container pt-5 ">
55 
+                <div class="text-center text-white ">
56 
+                </div>
57 
+            </div>
58 
+        </section>
59 
+        <section class="position-relative bg-black section-one">
60 
+            <!-- <div class="d-flex justify-content-center align-items-center videospinning ">
61 
+                <div class="spinner-border text-info" role="status">
62 
+                    <span class="visually-hidden">Loading...</span>
63 
+                </div>
64 
+            </div> -->
65 
+            <!-- <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="100%" height="860px" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> -->
66 
+
67 
+            <div class="iframcontainer d-none"  style="padding:56.25% 0 0 0;position:relative;"><iframe class="d-none" src="https://player.vimeo.com/video/824707959?h=5b3654950&amp&autoplay=1&loop=1&autopause=0&badge=0&player_id=0&controls=0&muted=1" frameborder="0" allow="autoplay; fullscreen; picture-in-picture"  style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Zeno Sleekbook"></iframe></div>
68 
+        </section>
69 
+        <section class="bg-black py-5 fyro_id d-none">
70 
+            <div class="container py-md-5 text-white">
71 
+                <div class="text-center">
72 
+                    <h1 class="text-fyro">Unleashing the Beasts of Creativity &
73 
+                        Innovation with Graphics, AI, and ML</h1>
74 
+                    <p class="font-1-5 text-white">FYRO products are the ultimate machines for graphics, AI, and ML
75 
+                        enthusiasts. With powerful Intel<sup>®</sup> processors and advanced NVIDIA graphic
76 
+                        cards, <strong>FYRO laptops and all-in-ones deliver the raw power and
77 
+                            performance</strong> needed to handle the most demanding workloads. Whether
78 
+                        you're a gamer, video editor, or AI researcher, FYRO has the tools you need
79 
+                        to unleash your creativity and push the boundaries of what's possible.</p>
80 
+                    <div>
81 
+                        <img src="./dist/assets/imgs/Home_new/Fyro_img.png" class="img-fluid w-50" alt="">
82 
+                    </div>
83 
+                </div>
84 
+                <p class="font-1-5 text-center mb-5 mt-4">With sleek designs and customizable features, FYRO products
85 
+                    are the
86 
+                    perfect blend of style and substance, offering unparalleled performance
87 
+                    and portability in a compact package. Join the FYRO revolution and
88 
+                    experience the power of next-gen computing today.</p>
89 
+                <div class="bg-blur border rounded-4 p-4 ">
90 
+                    <div class="row p-md-3 ">
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 4475.svg" class="img-fluid">
95 
+                                </div>
96 
+                                <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4 pt-md-0 pt-3">Unmatched GPU Performance</p>
97 
+                            </div>
98 
+                        </div>
99 
+                        <div class="col-6 ">
100 
+                            <div class="row align-items-center h-100 pb-md-0 pb-3">
101 
+                                <div class="col-md-2 col-6">
102 
+                                    <img src="./dist/assets/imgs/icons/Group 4479.svg" class="img-fluid">
103 
+                                </div>
104 
+                                <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4">High-end Gaming Capabilities</p>
105 
+                            </div>
106 
+                        </div>
107 
+                    </div>
108 
+                    <div class="row p-md-3">
109 
+                        <div class="col-6">
110 
+                            <div class="row align-items-center h-100">
111 
+                                <div class="col-md-2 col-6">
112 
+                                    <img src="./dist/assets/imgs/icons/Asset 5.svg" class="img-fluid">
113 
+                                </div>
114 
+                                <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4 pt-md-0 pt-3">Thermal Tested to handle
115 
+                                    high Temp upto 105<sup>o</sup></p>
116 
+                            </div>
117 
+                        </div>
118 
+                        <div class="col-6">
119 
+                            <div class="row align-items-center h-100">
120 
+                                <div class="col-md-2 col-6">
121 
+                                    <img src="./dist/assets/imgs/icons/Asset 4.svg" class="img-fluid">
122 
+                                </div>
123 
+                                <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4" id="overview_data_fyro">Decent
124 
+                                    Battery backup</p>
125 
+                            </div>
126 
+                        </div>
127 
+                    </div>
128 
+                </div>
129 
+            </div>
130 
+
131 
+        </section>
132 
+        <section class="bg-black py-5 zeno_id d-none">
133 
+            <div class="container py-md-5 text-center text-white">
134 
+                <h1 class="text-blue-1 m-auto">The compact powerhouse for your productivity</h1>
135 
+                <p class="font-1-5 my-4">Zeno products are a range of <strong>sleek, powerful, and compact non-GPU
136 
+                        laptops and all-in-ones</strong> that offer exceptional performance and style.
137 
+                    Built with state-of-the-art components, including the latest generation of
138 
+                    Intel<sup>®</sup> processors, <strong>High-speed RAM, and Fast NVMe PCIe 4.0 SSDs.</strong></p>
139 
+                <div class="text-center">
140 
+                    <img class="img-fluid" src="./dist/assets/imgs/allin_imgs/Asset 1.png" alt="">
141 
+                </div>
142 
+                <p class="font-1-2 mt-4 mb-5">
143 
+                    Zeno products are designed to meet the needs of professionals, students, and
144 
+                    anyone who requires a reliable and portable computing solution. With their advanced
145 
+                    features, including customizable hotkeys, fingerprint recognition, and a variety of
146 
+                    connectivity options, Zeno products offer the perfect blend of style and substance for
147 
+                    those who want a high-performing computing experience in a compact package.
148 
+                </p>
149 
+                <div class="bg-blur border rounded-4 p-4 text-white">
150 
+                    <div class="row p-md-3 text-center">
151 
+                        <div class="col-4 border-end">
152 
+                            <div>
153 
+                                <img src="./dist/assets/imgs/icons/Asset 9.svg" class="h-100p p-3">
154 
+                            </div>
155 
+                            <p class="p-2 mb-0 font-1-5">Sleek & Light weight</p>
156 
+                        </div>
157 
+                        <div class="col-4 border-end">
158 
+                            <div>
159 
+                                <img src="./dist/assets/imgs/icons/Group 4492.svg" class="h-100p p-3">
160 
+                            </div>
161 
+                            <p class="p-2 mb-0 font-1-5">Lightening-fast Intel<sup>®</sup> Processors
162 
+                            </p>
163 
+                        </div>
164 
+                        <div class="col-4" >
165 
+                            <div>
166 
+                                <img src="./dist/assets/imgs/icons/Asset 8.svg" class="h-100p p-3">
167 
+                            </div>
168 
+                            <p class="p-2 mb-0 font-1-5" id="overview_data_zeno">Stunning Display</p>
169 
+                        </div>
170 
+                    </div>
171 
+                </div>
172 
+            </div>
173 
+        </section>
174 
+        <div class="loadingCall">
175 
+            <div class="spinner-border" role="status">
176 
+                <span class="visually-hidden">Loading...</span>
177 
+            </div>
178 
+        </div>
179 
+        <div class="container mainContanierProduct d-none section-two">
180 
+            <div class="row">
181 
+                <div class="col-xl-5 ">
182 
+                    <div class=" bgproductDGen  border-0 ">
183 
+                        <div class="row">
184 
+                            <div class="d-none">
185 
+                                <!-- <div class="d-none d-xl-flex flex-column col-xl-2"> -->
186 
+                                <div class=" d-flex flex-column gap-2 p-2 d-none">
187 
+                                    <input type="hidden" id="productidtag">
188 
+                                    <input type="hidden" id="itemidtag">
189 
+                                    <!--  <div class="product-item-gallery active-gallery-img">
190 
+                                        <img src="./dist/assets/imgs/Navbar/Accessiories-1.png" alt=""
191 
+                                            class="w-100 h-100">
192 
+                                    </div>
193 
+                                    <div class="product-item-gallery ">
194 
+                                        <img src="./dist/assets/imgs/Navbar/Accessiories-2.png" alt=""
195 
+                                            class="w-100 h-100">
196 
+                                    </div>
197 
+                                    <div class="product-item-gallery ">
198 
+                                        <img src="https://www.pngall.com/wp-content/uploads/5/RAM-Memory.png" alt=""
199 
+                                            class="w-100 h-100">
200 
+                                    </div>
201 
+                                    <div class="product-item-gallery ">
202 
+                                        <img src="https://www.pngall.com/wp-content/uploads/5/RAM-Random-Access-Memory-PNG-Clipart.png"
203 
+                                            alt="" class="w-100 h-100">
204 
+                                    </div>
205 
+                                    <div class="product-item-gallery ">
206 
+                                        <img src="https://www.pngall.com/wp-content/uploads/5/RAM-PNG.png" alt=""
207 
+                                            class="w-100 h-100">
208 
+                                    </div> -->
209 
+                                </div>
210 
+                            </div>
211 
+                            <div class="col-xl-12" type="button" data-toggle="modal" data-target="#exampleModal">
212 
+                                <div
213 
+                                    class=" productDetailsShadow productDetailsMain  card border-0 box-shodow d-flex justify-content-center align-items-center">
214 
+                                    <img src="./dist/assets/imgs/nophoto.png" alt="" class="card-img img-fluid">
215 
+                                </div>
216 
+                            </div>
217 
+
218 
+                        </div>
219 
+                    </div>
220 
+                </div>
221 
+                <div class="col-xl-7  p-3 pt-0 productDetailsShadow" >
222 
+                    <div class="card border-0 mt-1">
223 
+                        <div>
224 
+                            <div>
225 
+                                <input type="hidden" name="" id="skudetailitem">
226 
+                                <h5 class="productname">ORA3, M.2 NVMe SSD </h5>
227 
+                            </div>
228 
+                            <div class="small-font des_productdes"></div>
229 
+                            <div><span class="price"></span></div>
230 
+                            <div class="text-danger msgErrorDetailsItem d-none">Product out of stock</div>
231 
+                        </div>
232 
+
233 
+                        <hr>
234 
+
235 
+                        <!-- <div class="d-none">
236 
+                            <h5 class="my-3 smallHeadingProductDetails ">Processor And Graphics
237 
+                            </h5>
238 
+                            <div class="d-flex gap-2">
239 
+                                <div class="specsmallcard  borderselector card small-font  p-3">
240 
+                                    Intel® Core i5-9400F
241 
+                                </div>
242 
+                                <div class="specsmallcard card small-font  p-3">
243 
+                                    Intel® Core i5-9400F
244 
+                                </div>
245 
+                            </div>
246 
+                        </div> -->
247 
+                        <div class="pb-2 d-none">
248 
+                            <h5 class="pt-2 smallHeadingProductDetails">Colors</h5>
249 
+                            <!-- <div class="d-flex gap-2 colors-display-container">
250 
+
251 
+                           </div> -->
252 
+                            <div class="d-flex gap-2 ">
253 
+                                <div class="color-display-img color-display-img-active">
254 
+                                    <img src="./dist/assets/imgs/allinone/onesection.png" alt="" class="w-100 h-100">
255 
+                                </div>
256 
+                                <div class="color-display-img ">
257 
+                                    <img src="./dist/assets/imgs/allinone/onesection.png" alt="" class="w-100 h-100">
258 
+                                </div>
259 
+                                <div class="color-display-img ">
260 
+                                    <img src="./dist/assets/imgs/Navbar/Accessiories-1.png" alt="" class="w-100 h-100">
261 
+                                </div>
262 
+                            </div>
263 
+                        </div>
264 
+                        <div id="spec-container-details">
265 
+
266 
+                        </div>
267 
+
268 
+
269 
+                        <!-- <div class="pb-2 memory-parent d-none">
270 
+                            <h5 class="py-2 smallHeadingProductDetails">Memory</h5>
271 
+                            <div class="d-flex gap-2 memorycontainer">
272 
+                                <div data-type="memory-desktop"
273 
+                                    class="specsmallcard borderselector card small-font  p-3">
274 
+                                    Desktop
275 
+                                </div>
276 
+                                <div data-type="memory-laptop" class="specsmallcard card small-font   p-3">
277 
+                                    Laptop
278 
+                                </div>
279 
+                            </div>
280 
+                        </div>
281 
+
282 
+                        <div class="memory-details d-none">
283 
+                            <h5 class="py-2 smallHeadingProductDetails">RAM Memory Technology</h5>
284 
+                            <div class="d-flex gap-2 pb-2 ramtech">
285 
+                                <div type="button" onclick="onClickHandler(this)"
286 
+                                    class="specsmallcard-mini borderselector card small-font  p-3">
287 
+                                    DDR4
288 
+                                </div>
289 
+                                <div type="button" onclick="onClickHandler(this)"
290 
+                                    class="specsmallcard-mini card small-font   p-3">
291 
+                                    DDR5
292 
+                                </div>
293 
+                            </div>
294 
+
295 
+                            <div>
296 
+                                <h5 class="py-2 smallHeadingProductDetails">Computer Memory Size</h5>
297 
+                                <div class="d-flex gap-2 computersize">
298 
+
299 
+                                    <div type="button" onclick="onClickHandler(this)"
300 
+                                        class="specsmallcard-mini borderselector card small-font  p-3">
301 
+                                        8 GB
302 
+                                    </div>
303 
+                                    <div type="button" onclick="onClickHandler(this)"
304 
+                                        class="specsmallcard-mini card small-font   p-3">
305 
+                                        16 GB
306 
+                                    </div>
307 
+                                    <div type="button" onclick="onClickHandler(this)"
308 
+                                        class="specsmallcard-mini card small-font   p-3">
309 
+                                        32 GB
310 
+                                    </div>
311 
+                                </div>
312 
+                            </div>
313 
+                        </div> -->
314 
+
315 
+
316 
+
317 
+
318 
+                        <!-- <div class="pb-2 d-none">
319 
+                            <h5 class="py-2 smallHeadingProductDetails">Storage</h5>
320 
+                            <div class="d-flex gap-2">
321 
+                                <div class="specsmallcard borderselector card small-font  p-3">
322 
+
323 
+                                    256 GB SSD Capacity
324 
+
325 
+                                </div>
326 
+                                <div class="specsmallcard card small-font   p-3">
327 
+                                    1 TB SSD Capacity
328 
+                                </div>
329 
+                            </div>
330 
+                        </div> -->
331 
+
332 
+
333 
+                        <div class="d-none">
334 
+                            <div class="d-flex justify-content-between align-items-center py-3">
335 
+                                <h5 class="my-3 smallHeadingProductDetails">Quantity</h5>
336 
+                                <a href="shopping-cart.html">
337 
+                                    <!-- <div class="btn btn-sm btn-success ">Add To Cart</div> -->
338 
+                                    <a class="btn btn-dark button_dark" href="shopping-cart.html">Add To Cart</a>
339 
+                                </a>
340 
+                            </div>
341 
+                            <div class="d-flex">
342 
+                                <span class="qtybtn qtybtleft bgGreyLight">-</span>
343 
+                                <span class=" border-top border-bottom">
344 
+                                    <span class="px-2">1</span>
345 
+                                </span>
346 
+                                <span class="qtybtn qtybtright bgGreyLight">+</span>
347 
+                            </div>
348 
+                        </div>
349 
+                        <!-- <div class="card border-0 p-4 bgGreyLight my-3 d-none">
350 
+                            <div class="row">
351 
+                                <div class="col-sm-8 small-font ">
352 
+                                    Mi NoteBook Pro Lustrous Gray i5 11th Gen + Iris Xe Graphics 16GB RAM + 512GB NVMe
353 
+                                    SSD. * 1
354 
+
355 
+                                </div>
356 
+                                <div class="col-sm-4">
357 
+                                    ₹59,999
358 
+
359 
+                                </div>
360 
+                            </div>
361 
+                            <div class="row">
362 
+                                <div class="col-sm-8 small-font">
363 
+
364 
+                                    Total:
365 
+
366 
+                                </div>
367 
+                                <div class="col-sm-4">
368 
+                                    ₹59,999
369 
+                                </div>
370 
+                            </div>
371 
+                        </div> -->
372 
+
373 
+                        <!--  -->
374 
+                        <!-- <hr> -->
375 
+                        <div class="d-none">
376 
+                            <div class="small-font">Check if stock is available at your pincode
377 
+                            </div>
378 
+                            <div>
379 
+                                <div class="mb-3 d-flex border">
380 
+                                    <input class="form-control small-font border-0"
381 
+                                        placeholder="input your pincode to check" type="text" id="formFile">
382 
+                                    <button class="border-0 small-font px-2">Check</button>
383 
+
384 
+                                </div>
385 
+                            </div>
386 
+                        </div>
387 
+                        <hr class="d-none">
388 
+                        <div>
389 
+                            <ul class="d-none">
390 
+                                <li class="small-font">No Cost EMI Available <a class="learnMoreA" href="">Learn
391 
+                                        More</a></li>
392 
+                                <li class="small-font">Buy Anwi Extended Warranty 1 Year at ₹2,699 <a class="learnMoreA"
393 
+                                        href="">Learn More</a></li>
394 
+                                <li class="small-font">Avail No Cost EMI offer with BFL EMI Network Card<a
395 
+                                        class="learnMoreA" href="">Learn More</a></li>
396 
+                                <li class="small-font">
397 
+                                    Anwi Notebook Pro Drivers<a class="learnMoreA" href="">Learn More</a>
398 
+                                </li>
399 
+                            </ul>
400 
+                        </div>
401 
+                        <hr>
402 
+                        <div class="pb-2 quantityHTML" id="specification_data">
403 
+                            <span>Quantity :</span>
404 
+                            <select name="quantity" id="quantity">
405 
+                                <option value="1">1</option>
406 
+                                <option value="2">2</option>
407 
+                                <option value="3">3</option>
408 
+                                <option value="4">4</option>
409 
+                                <option value="5">5</option>
410 
+                                <option value="6">6</option>
411 
+                                <option value="7">7</option>
412 
+                                <option value="8">8</option>
413 
+                                <option value="9">9</option>
414 
+                                <option value="10">10</option>
415 
+
416 
+
417 
+                            </select>
418 
+                        </div>
419 
+                        <div class="text-danger pt-2 insufficientqty d-none">Insufficient quantity</div>
420 
+                        <div class=" d-flex  gap-2 mt-2">
421 
+                            <button id="addtocart" class="w-100 bg-gradient-anwi  btn bg-black text-white"
422 
+                                style="border-radius: 5px;">
423 
+                                Add to cart
424 
+                            </button>
425 
+                            <button class="w-100 btn bg-gradient-anwi buynow bg-black text-white"
426 
+                                style="border-radius: 5px;">
427 
+                                Buy Now
428 
+                            </button>
429 
+                        </div>
430 
+
431 
+
432 
+                    </div>
433 
+
434 
+                </div>
435 
+            </div>
436 
+
437 
+            <!-- tabs -->
438 
+            <div class="row tabsContainer" >
439 
+                <div class="col-lg-12 ">
440 
+                    <div class="dec-review-topbar no-transition nav mb-65 productdetailstabs d-flex gap-4"
441 
+                        role="tablist">
442 
+                        <!-- <a class="active font-1-5 no-transition" data-bs-toggle="tab" href="#des-details1"  aria-selected="true" role="tab">Description</a> -->
443 
+
444 
+                        <a data-bs-toggle="tab" href="#des-details2" aria-selected="false" role="tab"
445 
+                            class="active font-1-5 no-transition" tabindex="-1">Specification</a>
446 
+
447 
+                    </div>
448 
+                    <div class="tab-content dec-review-bottom">
449 
+                        <!-- <div id="des-details1" class="tab-pane active show" role="tabpanel">
450 
+                            <div class="description-wrap wrap-content-product-tabs">
451 
+                               <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Suscipit, recusandae! Alias tempore, molestias, architecto provident excepturi voluptate non repellendus, repellat a quis iusto consequuntur quas beatae fugit nisi totam ratione nesciunt reiciendis quod? Quae, consequuntur quasi. Laudantium, doloribus aliquam incidunt error qui itaque aperiam quia ducimus cupiditate, magnam aliquid iste molestiae eveniet? Eaque veniam illo hic, possimus dolorum quaerat ratione in ex voluptas itaque ullam, maiores iusto illum blanditiis sequi. Ex, ab nemo vero libero pariatur architecto culpa! Recusandae at fugiat itaque libero amet corporis exercitationem dolorum? Tenetur repellat tempora perspiciatis quibusdam maxime facilis necessitatibus eius sint corporis nihil! Accusantium.</p>
452 
+                            </div>
453 
+                        </div> -->
454 
+                        <div id="des-details2" class="tab-pane active show" role="tabpanel">
455 
+                            <!-- <div class="specification-wrap table-responsive">
456 
+                                <table class="table table-bordered wrap-content-product-tabs">
457 
+                                    <tbody class="append-specs">
458 
+                                        <tr>
459 
+                                            <td class="width1">Data Transfer Rate</td>
460 
+                                            <td>Anwi Ram</td>
461 
+                                        </tr>
462 
+                                        <tr>
463 
+                                            <td>Memory Speed</td>
464 
+                                            <td>3200</td>
465 
+                                        </tr>
466 
+
467 
+                                    </tbody>
468 
+                                </table>
469 
+                            </div> -->
470 
+                            <div class="specContainer mt-3">
471 
+                                <div class="specContainerleft">
472 
+                                    <div class="">
473 
+                                        <div class="row  border-bottom">
474 
+                                            <div class="col-sm-6 bg-gray-3">
475 
+                                                Manufacturer
476 
+                                            </div>
477 
+                                            <div class="col-sm-6">
478 
+                                                26/F TOWER ONE TIME SQUARE 1 MATHESON STREET CAUSEWAY BAY HK
479 
+                                            </div>
480 
+                                        </div>
481 
+                                    </div>
482 
+                                    <div class="">
483 
+                                        <div class="row  border-bottom">
484 
+                                            <div class="col-sm-6 bg-gray-3">
485 
+                                                Model Name
486 
+                                            </div>
487 
+                                            <div class="col-sm-6">
488 
+                                                ‎ORA 16 GB RAM DDR5 SDRAM 4800 MHz
489 
+                                            </div>
490 
+                                        </div>
491 
+                                    </div>
492 
+                                    <div class="">
493 
+                                        <div class="row  border-bottom">
494 
+                                            <div class="col-sm-6 bg-gray-3">
495 
+                                                Product Dimensions
496 
+                                            </div>
497 
+                                            <div class="col-sm-6">
498 
+                                                8 x 3.1 x 0.3 cm; 10 Grams
499 
+                                            </div>
500 
+                                        </div>
501 
+                                    </div>
502 
+
503 
+                                </div>
504 
+                                <!-- <div class="specContainerRight">
505 
+
506 
+                                    <div class="">
507 
+                                        <div class="row  border-bottom">
508 
+                                            <div class="col-sm-6 bg-gray-3">
509 
+                                                Item part number
510 
+                                            </div>
511 
+                                            <div class="col-sm-6">
512 
+                                                AWLD54816M
513 
+                                            </div>
514 
+                                        </div>
515 
+                                    </div>
516 
+                                    <div class="">
517 
+                                        <div class="row  border-bottom">
518 
+                                            <div class="col-sm-6 bg-gray-3">
519 
+                                                RAM Size
520 
+                                            </div>
521 
+                                            <div class="col-sm-6">
522 
+                                                16 GB
523 
+                                            </div>
524 
+                                        </div>
525 
+                                    </div>
526 
+                                    <div class="">
527 
+                                        <div class="row  border-bottom">
528 
+                                            <div class="col-sm-6 bg-gray-3">
529 
+                                                Ram Memory Technology
530 
+                                            </div>
531 
+                                            <div class="col-sm-6">
532 
+                                                DDR5, SO-DIMM
533 
+
534 
+                                            </div>
535 
+                                        </div>
536 
+                                    </div>
537 
+                                </div> -->
538 
+                            </div>
539 
+                        </div>
540 
+
541 
+                    </div>
542 
+                </div>
543 
+
544 
+            </div>
545 
+        </div>
546 
+
547 
+    </main>
548 
+    <!-- footer -->
549 
+    <div id="footer-head" class="sec-space-1"></div>
550 
+    <!-- end-footer -->
551 
+
552 
+
553 
+    <!-- <script src="https://player.vimeo.com/api/player.js"></script> -->
554 
+    <script src="./dist/js/components/authloader/authloader.js"></script>
555 
+    <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
556 
+    <script src="./dist/js/jquery.min.js"></script>
557 
+    <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
558 
+    <script src="./libs/axios.min.js"></script>
559 
+
560 
+
561 
+
562 
+    <script src="./libs/cookies.min.js"></script>
563 
+    <script src="./dist/js/fontawesome.all.js"></script>
564 
+    <script src="./dist/js/fontawesome.min.js"></script>
565 
+    <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
566 
+    <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
567 
+    <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
568 
+    <script src="./dist/js/vendor/bootstrap.min.js"></script>
569 
+    <script src="./dist/js/plugins/slick.js"></script>
570 
+    <script src="./dist/js/plugins/wow.js"></script>
571 
+    <script src="./dist/js/plugins/svg-injector.min.js"></script>
572 
+    <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
573 
+    <script src="./dist/js/plugins/mouse-parallax.js"></script>
574 
+    <script src="./dist/js/plugins/images-loaded.js"></script>
575 
+    <script src="./dist/js/plugins/isotope.js"></script>
576 
+    <script src="./dist/js/plugins/jquery-ui.js"></script>
577 
+    <script src="./dist/js/plugins/magnific-popup.js"></script>
578 
+    <script src="./dist/js/validate.min.js"></script>
579 
+
580 
+    <script src="./dist/toaster/toastr.js"></script>
581 
+
582 
+
583 
+
584 
+
585 
+
586 
+
587 
+
588 
+
589 
+
590 
+
591 
+
592 
+    <script src="./dist/js/utils/helpers.js"></script>
593 
+    <script src="./dist/js/auth/apiservice.js"></script>
594 
+    <script src="./dist/js/shoppingcart/addtocart.js"></script>
595 
+
596 
+    <script src="./dist/js/shoppingcart/shoppingcart.js"></script>
597 
+    <!-- <script src="./dist/js/productdetails/productdetails.js"></script> -->
598 
+    <script src="./dist/js/navbar.js"></script>
599 
+    <script src="./dist/js/footer.js"></script>
600 
+    <script src="./dist/js/main.js"></script>
601 
+    <script src="./dist/js/productdetails/laptopd.js"></script>
602 
+
603 
+
604 
+<script>
605 
+    let searchTerm = window.location.search.split('?')[1]?.toLowerCase();
606 
+    console.log(searchTerm)
607 
+    if(searchTerm){
608 
+        if(searchTerm == 'zeno'){
609 
+            $('.fyro_id').addClass('d-none');
610 
+            $('.zeno_id').removeClass('d-none');
611 
+            $('.productitemnamefull').html('Zeno');
612 
+        }else if(searchTerm == 'fyro'){
613 
+            $('.zeno_id').addClass('d-none');
614 
+            $('.fyro_id').removeClass('d-none');
615 
+            $('.productitemnamefull').html('Fyro');
616 
+        }else if(searchTerm == "aio%20zeno"){
617 
+            $('.fyro_id').addClass('d-none');
618 
+            $('.zeno_id').removeClass('d-none');
619 
+        }else if(searchTerm == "aio%20fyro"){
620 
+            $('.zeno_id').addClass('d-none');
621 
+            $('.fyro_id').removeClass('d-none');
622 
+        }
623 
+    }else{
624 
+        $('.productitemnamefull').parent().addClass('d-none');
625 
+    }
626 
+
627 
+
628 
+
629 
+    let ram_page = window.location.pathname;
630 
+    let loc_3= ram_page.includes('laptops.html');
631 
+    if(loc_3 === true){
632 
+        let imgs = `./dist/assets/imgs/anwi-logo-1.png`;
633 
+        $(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
634 
+        $(".logo-menu-wrap").find(".logo img").attr("src",imgs);
635 
+        $('.same-style').find('svg path').attr('fill','#fff');
636 
+        $('svg path').attr('fill','#fff');
637 
+    }
638 
+    let loc_path = '?FYRO'
639 
+    if(window.location.href.includes(loc_path)){
640 
+
641 
+
642 
+        let imgs = `./dist/assets/imgs/anwi-logo-2.png`;
643 
+        $(".logo-menu-wrap").find(".logo img").attr("src",imgs);
644 
+        $(".main-menu").find("nav ul li a").removeClass("text-dark").addClass("text-white");
645 
+        $("iframe").addClass("d-none");
646 
+        $(".iframcontainer").addClass("d-none");
647 
+        $(".fyro_id").find(".container").addClass("pt-5")
648 
+    }
649 
+    else if(window.location.href.includes("?Zeno")){
650 
+        $("iframe").removeClass("d-none");
651 
+        $(".iframcontainer").removeClass("d-none");
652 
+        // if($(window).width()<=768){
653 
+        //     $("iframe").attr("width","100%").attr("height","300")
654 
+        // }
655 
+        let imgs = `./dist/assets/imgs/anwi-logo-2.png`;
656 
+        $(".main-menu").find("nav ul li a").removeClass("text-dark").addClass("text-white");
657 
+        $(".logo-menu-wrap").find(".logo img").attr("src",imgs);
658 
+        $('.same-style').find('svg path').attr('fill','#fff');
659 
+        $('svg path').attr('fill','#fff');
660 
+    }
661 
+
662 
+    let product_page = window.location.pathname;
663 
+        let loc = product_page.includes('?FYRO');
664 
+        if(loc === true){
665 
+             $(".fyro_id").addClass("d-none");
666 
+        }else{
667 
+
668 
+// laptopdetails.html
669 
+// $(".sub_nav_container").removeClass("d-none");
670 
+        }
671 
+
672 
+
673 
+        // setTimeout(function (){
674 
+        //     $('.videospinning').remove();
675 
+        // },3000);
676 
+
677 
+</script>
678 
+
679 
+</body>
680 
+
681 
+</html>

+ 272
- 0
laptops.html Visa fil 

@@ -0,0 +1,272 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+
4 
+<head>
5 
+    <meta charset="UTF-8" />
6 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
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">
9 
+    <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
10 
+    <link rel="stylesheet" href="./dist/css/main.css" />
11 
+    <link rel="stylesheet" href="./styles/style.css">
12 
+    <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.carousel.min.css">
13 
+    <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.theme.default.min.css">
14 
+    <link rel="stylesheet" href="./style.css">
15 
+    <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
16 
+    <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
17 
+    <link rel="stylesheet" href="./dist/css/vendor/vandella.css">
18 
+    <link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">
19 
+    <!-- <link rel="stylesheet" href="./dist/css/vendor/icofont.min.css"> -->
20 
+    <link rel="stylesheet" href="./dist/css/vendor/fontello.css">
21 
+    <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">
22 
+    <link rel="stylesheet" href="./dist/css/plugins/slick.css">
23 
+    <link rel="stylesheet" href="./dist/css/plugins/nice-select.css">
24 
+    <link rel="stylesheet" href="./dist/css/plugins/animate.css">
25 
+    <link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css">
26 
+    <link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css">
27 
+    <link rel="stylesheet" href="./dist/css/style.css">
28 
+    <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">
29 
+    <link rel="stylesheet" href="./dist/css/fontawesome.min.css">
30 
+    <title>Laptops | Anwi</title>
31 
+
32 
+</head>
33 
+
34 
+<body class="product_pg">
35 
+    <!-- navbar -->
36 
+    <div id="navbar-head" class="shadow"></div>
37 
+    <!-- end-navbar -->
38 
+    <!-- main-body -->
39 
+    <main class="main-body home-main-container pt-md-0 pt-5">
40 
+        <!-- <section class="services h-100 bg-black">
41 
+            <div class="container pt-5 ">
42 
+                <div class="text-center text-white ">
43 
+                </div>
44 
+            </div>
45 
+        </section> -->
46 
+        <section class="position-relative bg-black">
47 
+            <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>
48 
+        </section>
49 
+        <section class="bg-black py-5 fyro_id d-none">
50 
+            <div class="container pb-md-4 text-white">
51 
+                <div class="text-center">
52 
+                    <h1 class="text-fyro">Unleashing the Beasts of Creativity &
53 
+                        Innovation with Graphics, AI, and ML</h1>
54 
+                    <p class="font-1-5 text-white">FYRO products are the ultimate machines for graphics, AI, and ML
55 
+                        enthusiasts. With powerful Intel<sup>®</sup> processors and advanced NVIDIA graphics
56 
+                        cards, <strong>FYRO laptops and all-in-ones deliver the raw power and
57 
+                            performance</strong> needed to handle the most demanding workloads. Whether
58 
+                        you're a gamer, video editor, or AI researcher, FYRO has the tools you need
59 
+                        to unleash your creativity and push the boundaries of what's possible.</p>
60 
+                    <div>
61 
+                        <img src="./dist/assets/imgs/Home_new/Fyro_img.png" class="img-fluid w-50" alt="">
62 
+                    </div>
63 
+                </div>
64 
+                <p class="font-1-5 text-center mb-5 mt-4">With sleek designs and customizable features, FYRO products
65 
+                    are the
66 
+                    perfect blend of style and substance, offering unparalleled performance
67 
+                    and portability in a compact package. Join the FYRO revolution and
68 
+                    experience the power of next-gen computing today.</p>
69 
+                <div class="bg-blur border rounded-4 p-4 ">
70 
+                    <div class="row p-md-3 ">
71 
+                        <div class="col-6">
72 
+                            <div class="row align-items-center h-100 pb-md-0 pb-3">
73 
+                                <div class="col-md-2 col-6">
74 
+                                    <img src="./dist/assets/imgs/icons/Group 4475.svg" class="img-fluid">
75 
+                                </div>
76 
+                                <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4 pt-md-0 pt-3">Unmatched GPU Performance</p>
77 
+                            </div>
78 
+                        </div>
79 
+                        <div class="col-6 ">
80 
+                            <div class="row align-items-center h-100 pb-md-0 pb-3">
81 
+                                <div class="col-md-2 col-6">
82 
+                                    <img src="./dist/assets/imgs/icons/Group 4479.svg" class="img-fluid">
83 
+                                </div>
84 
+                                <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4">High-end Gaming Capabilities</p>
85 
+                            </div>
86 
+                        </div>
87 
+                    </div>
88 
+                    <div class="row p-md-3">
89 
+                        <div class="col-6">
90 
+                            <div class="row align-items-center h-100">
91 
+                                <div class="col-md-2 col-6">
92 
+                                    <img src="./dist/assets/imgs/icons/Asset 5.svg" class="img-fluid">
93 
+                                </div>
94 
+                                <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4 pt-md-0 pt-3">Thermal Tested to handle
95 
+                                    high Temp upto 105<sup>o</sup></p>
96 
+                            </div>
97 
+                        </div>
98 
+                        <div class="col-6">
99 
+                            <div class="row align-items-center h-100">
100 
+                                <div class="col-md-2 col-6">
101 
+                                    <img src="./dist/assets/imgs/icons/Asset 4.svg" class="img-fluid">
102 
+                                </div>
103 
+                                <p class="p-md-2 mb-0 fs-9 col-md-10 ps-md-4">Decent
104 
+                                    Battery backup</p>
105 
+                            </div>
106 
+                        </div>
107 
+                    </div>
108 
+                </div>
109 
+            </div>
110 
+
111 
+        </section>
112 
+        <section class="bg-black py-5 zeno_id d-none">
113 
+            <div class="container text-center text-white">
114 
+                <h1 class="text-blue-1 m-auto">The compact powerhouse for your productivity</h1>
115 
+                <p class="font-1-5 my-4">Zeno products are a range of <strong>sleek, powerful, and compact non-GPU
116 
+                        laptops and all-in-ones</strong> that offer exceptional performance and style.
117 
+                    Built with state-of-the-art components, including the latest generation of
118 
+                    Intel<sup>®</sup> processors, <strong>High-speed RAM, and Fast NVMe PCIe 4.0 SSDs.</strong></p>
119 
+                <div class="text-center">
120 
+                    <img class="img-fluid" src="./dist/assets/imgs/allin_imgs/Asset 1.png" alt="">
121 
+                </div>
122 
+                <p class="font-1-2 mt-4 mb-5">
123 
+                    Zeno products are designed to meet the needs of professionals, students, and
124 
+                    anyone who requires a reliable and portable computing solution. With their advanced
125 
+                    features, including customizable hotkeys, fingerprint recognition, and a variety of
126 
+                    connectivity options, Zeno products offer the perfect blend of style and substance for
127 
+                    those who want a high-performing computing experience in a compact package.
128 
+                </p>
129 
+                <div class="bg-blur border rounded-4 p-4 text-white">
130 
+                    <div class="row p-md-3 text-center">
131 
+                        <div class="col-4 border-end">
132 
+                            <div>
133 
+                                <img src="./dist/assets/imgs/icons/Asset 9.svg" class="h-100p p-3">
134 
+                            </div>
135 
+                            <p class="p-2 mb-0 font-1-5">Sleek & Light weight</p>
136 
+                        </div>
137 
+                        <div class="col-4 border-end">
138 
+                            <div>
139 
+                                <img src="./dist/assets/imgs/icons/Group 4492.svg" class="h-100p p-3">
140 
+                            </div>
141 
+                            <p class="p-2 mb-0 font-1-5">Lightening-fast Intel<sup>®</sup> Processors
142 
+                            </p>
143 
+                        </div>
144 
+                        <div class="col-4">
145 
+                            <div>
146 
+                                <img src="./dist/assets/imgs/icons/Asset 8.svg" class="h-100p p-3">
147 
+                            </div>
148 
+                            <p class="p-2 mb-0 font-1-5">Stunning Display</p>
149 
+                        </div>
150 
+                    </div>
151 
+                </div>
152 
+            </div>
153 
+        </section>
154 
+        <section class="pt-2 ramsContainer " id="ora_products">
155 
+            <div class="products-container container pb-5" id="pills-tabContent">
156 
+                <div class="text-center pb-md-5 pt-5">
157 
+                    <h1 class="satoshi_font pb-md-4 pb-3">Discover the revolution of <span class="productitemnamefull"></span></h1>
158 
+                    <!-- <p class="fs-6 satoshi_font fw-500 pb-md-4">
159 
+                        ORA Memory Series, harnessing cutting-edge<br>
160 
+                        Graphene technology for blazing-fast heat absorption in NVMe SSDs.<br>
161 
+                        Boasting an ultra-slim 1mm Heatsink, we defy temperature limits and redefine storage
162 
+                        performance.
163 
+                    </p> -->
164 
+                </div>
165 
+                <div class="text-center py-md-5 py-4">
166 
+                    <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
167 
+                        Systems</span>
168 
+                </div>
169 
+
170 
+                <!-- <div class="loadingCall">
171 
+                    <div class="spinner-border" role="status">
172 
+                        <span class="visually-hidden">Loading...</span>
173 
+                    </div>
174 
+                </div> -->
175 
+
176 
+
177 
+                <div class="row product_card_section">
178 
+                    <!--desktop--->
179 
+
180 
+                    <!--desktop--->
181 
+                </div>
182 
+            </div>
183 
+        </section>
184 
+    </main>
185 
+    <div id="enquire"></div>
186 
+    <!-- footer -->
187 
+    <div id="footer-head"></div>
188 
+    <!-- end-footer -->
189 
+    <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
190 
+    <script src="./dist/js/jquery.min.js"></script>
191 
+    <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
192 
+
193 
+    <script src="./libs/axios.min.js"></script>
194 
+
195 
+    <script src="./libs/cookies.min.js"></script>
196 
+
197 
+    <script src="./dist/toaster/toastr.js"></script>
198 
+    <script src="./dist/js/fontawesome.all.js"></script>
199 
+    <script src="./dist/js/fontawesome.min.js"></script>
200 
+    <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
201 
+    <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
202 
+    <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
203 
+    <script src="./dist/js/vendor/bootstrap.min.js"></script>
204 
+    <script src="./dist/js/plugins/slick.js"></script>
205 
+    <script src="./dist/js/plugins/wow.js"></script>
206 
+    <script src="./dist/js/plugins/svg-injector.min.js"></script>
207 
+    <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
208 
+
209 
+
210 
+
211 
+    <!-- Main JS -->
212 
+    <script src="./dist/js/utils/helpers.js"></script>
213 
+    <script src="./dist/js/navbar.js"></script>
214 
+    <script src="./dist/js/footer.js"></script>
215 
+
216 
+    <script src="./dist/js/main.js"></script>
217 
+
218 
+
219 
+    <script src="./dist/js/auth/apiservice.js"></script>
220 
+    <script src="./dist/js/products/laptopproduct.js"></script>
221 
+
222 
+    <script>
223 
+
224 
+        let searchTerm = window.location.search.split('?')[1]?.toLowerCase();
225 
+
226 
+        if(searchTerm){
227 
+            if(searchTerm == 'zeno'){
228 
+            $('.fyro_id').addClass('d-none');
229 
+            $('.zeno_id').removeClass('d-none');
230 
+            $('.productitemnamefull').html('Zeno');
231 
+        }else{
232 
+            $('.zeno_id').addClass('d-none');
233 
+            $('.fyro_id').removeClass('d-none');
234 
+            $('.productitemnamefull').html('Fyro');
235 
+        }
236 
+        }else{
237 
+            $('.productitemnamefull').parent().addClass('d-none');
238 
+        }
239 
+
240 
+
241 
+
242 
+        let ram_page = window.location.pathname;
243 
+        let loc_3= ram_page.includes('laptops.html');
244 
+        if(loc_3 === true){
245 
+            let imgs = `./dist/assets/imgs/anwi-logo-1.png`;
246 
+            $(".main-menu").find("nav ul li a").addClass("text-dark").removeClass("text-white");
247 
+            $(".logo-menu-wrap").find(".logo img").attr("src",imgs);
248 
+            $('.same-style').find('svg path').attr('fill','#fff');
249 
+            $('svg path').attr('fill','#fff');
250 
+        }
251 
+        let loc_path = '?FYRO'
252 
+        if(window.location.href.includes(loc_path)){
253 
+            let imgs = `./dist/assets/imgs/anwi-logo-2.png`;
254 
+            $(".logo-menu-wrap").find(".logo img").attr("src",imgs);
255 
+            $(".main-menu").find("nav ul li a").removeClass("text-dark").addClass("text-white");
256 
+            $("iframe").addClass("d-none");
257 
+            $(".fyro_id").find(".container").addClass("pt-5")
258 
+        }
259 
+        else if(window.location.href.includes("?Zeno")){
260 
+            $("iframe").removeClass("d-none");
261 
+            let imgs = `./dist/assets/imgs/anwi-logo-2.png`;
262 
+            $(".main-menu").find("nav ul li a").removeClass("text-dark").addClass("text-white");
263 
+            $(".logo-menu-wrap").find(".logo img").attr("src",imgs);
264 
+            $('.same-style').find('svg path').attr('fill','#fff');
265 
+            $('svg path').attr('fill','#fff');
266 
+        }
267 
+    </script>
268 
+
269 
+
270 
+</body>
271 
+
272 
+</html>

+ 620
- 0
login_fav.html Visa fil 

@@ -0,0 +1,620 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+
4 
+<head>
5 
+    <meta charset="UTF-8" />
6 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7 
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
8 
+
9 
+    <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
10 
+    <link rel="stylesheet" href="./dist/css/main.css" />
11 
+    <link rel="stylesheet" href="./styles/style.css" />
12 
+    <link rel="stylesheet" href="./style.css" />
13 
+    <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.carousel.min.css" />
14 
+    <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.theme.default.min.css" />
15 
+    <link rel="stylesheet" href="./dist/css/login.css" />
16 
+    <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css" />
17 
+    <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css" />
18 
+    <link rel="stylesheet" href="./dist/css/vendor/vandella.css" />
19 
+    <link rel="stylesheet" href="./dist/css/vendor/jellybelly.css" />
20 
+    <link rel="stylesheet" href="./dist/css/vendor/fontello.css" />
21 
+    <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css" />
22 
+    <link rel="stylesheet" href="./dist/css/plugins/slick.css" />
23 
+    <link rel="stylesheet" href="./dist/css/plugins/nice-select.css" />
24 
+    <link rel="stylesheet" href="./dist/css/plugins/animate.css" />
25 
+    <link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css" />
26 
+    <link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css" />
27 
+    <link rel="stylesheet" href="./dist/css/style.css" />
28 
+    <link rel="stylesheet" href="./dist/css/fontawesome.all.css" />
29 
+    <!-- <link rel="stylesheet" href="./dist/css/fontawesome.min.css" /> -->
30 
+    <!-- <link rel="stylesheet" href="./libs/toaster/toastr.js" /> -->
31 
+    <link rel="stylesheet" href="./dist/toaster/toastr.css" />
32 
+    <title>Anwi</title>
33 
+
34 
+    <style>
35 
+        html {
36 
+            height: 100%;
37 
+        }
38 
+
39 
+        body {
40 
+            height: 100%;
41 
+        }
42 
+    </style>
43 
+</head>
44 
+
45 
+<body class="login_page">
46 
+    <!-- navbar -->
47 
+    <div id="navbar-head" class="bg-white"></div>
48 
+    <!-- end-navbar -->
49 
+    <!-- main-body -->
50 
+    <section class="mainLogin h-100 mt-0 myaccount-content p-0">
51 
+        <div class="container">
52 
+            <div class="spinner d-flex justify-content-center align-items-center">
53 
+                <div class="spinner-border d-none" role="status">
54 
+                    <span class="visually-hidden">Loading...</span>
55 
+                </div>
56 
+            </div>
57 
+        </div>
58 
+
59 
+        <div class="loginContainer mainLogin bg-gradient-violet mt-0 pt-md-5 h-100 satoshi_font d-flex align-items-center">
60 
+
61 
+            <div class="container">
62 
+                <div class="row  justify-content-center">
63 
+                    <div class="col-sm-4 ">
64 
+                        <div class="card p-4 shadow rounded-3">
65 
+                           <a href="index.html" class="text-center mx-auto   mb-5 mt-2"><img src="../dist/assets/imgs/anwi-logo-1.png" alt="logo" class="w-50"></a>
66 
+                            <div class="alert alert-danger error_msg " role="alert" style="font-size:12px;display:none"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2646 3.41366C11.7212 3.15681 12.2788 3.15681 12.7354 3.41366L19.2354 7.06991C19.7077 7.33558 20 7.83536 20 8.37727V15.6227C20 16.1646 19.7077 16.6644 19.2354 16.9301L12.7354 20.5863C12.2788 20.8432 11.7212 20.8432 11.2646 20.5863L4.76461 16.9301C4.29229 16.6644 4 16.1646 4 15.6227V8.37727C4 7.83536 4.29229 7.33559 4.76461 7.06991L11.2646 3.41366Z" fill="#FF3A2E"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 7.4C11 7.17909 11.1791 7 11.4 7H12.6C12.8209 7 13 7.17909 13 7.4V12.6C13 12.8209 12.8209 13 12.6 13H11.4C11.1791 13 11 12.8209 11 12.6V7.4Z" fill="white"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 16C11 15.4477 11.4477 15 12 15C12.5523 15 13 15.4477 13 16C13 16.5523 12.5523 17 12 17C11.4477 17 11 16.5523 11 16Z" fill="white"></path></svg>
67 
+                              <span class="error_msg_res" ></span>
68 
+                              </div>
69 
+
70 
+                            <div class="login_section">
71 
+                            <form id="login_form">
72 
+                                <div class="login-email-password-div">
73 
+                                    <div class="input-group has-validation email-login-inputgroup">
74 
+                                        <div class="form-floating py-0">
75 
+                                            <input type="email" class="form-control shadow-none h-50p"
76 
+                                                id="User_Email" placeholder="Enter Your Email"
77 
+                                                autocomplete="off">
78 
+                                            <label for="User_Email">Email address</label>
79 
+                                        </div>
80 
+                                        <div class="invalid-feedback">
81 
+                                            Please enter your email.
82 
+                                        </div>
83 
+                                    </div>
84 
+                                    <div class="input-group has-validation mt-3 password-login-inputgroup">
85 
+                                        <div class="form-floating py-0" id="password-input-div">
86 
+                                            <input type="password" class="form-control shadow-none h-50p"
87 
+                                                id="User_password" placeholder="Password"
88 
+                                                autocomplete="no password">
89 
+                                            <label for="User_password">Password</label>
90 
+                                        </div>
91 
+                                        <div class="invalid-feedback">
92 
+                                            Please enter your password.
93 
+                                        </div>
94 
+                                    </div>
95 
+                                    <div class="my-2">
96 
+                                        <a href="#" class="text-theme-color fs-9 fw-500" id="forgotPassword">Forgot password?</a>
97 
+                                    </div>
98 
+                                    <div class="fs-7 mt-2 satoshi_font">
99 
+                                        By continuing, I agree to the
100 
+                                        <a href="#"
101 
+                                            class="text-theme-color text-decoration-underline fs-7 fw-600">Terms
102 
+                                            of
103 
+                                            Use</a>
104 
+                                        &amp;
105 
+                                        <a href="#"
106 
+                                            class="text-theme-color text-decoration-underline fs-7 fw-600">Privacy
107 
+                                            Policy</a>
108 
+                                    </div>
109 
+                                    <div class="mt-4 ">
110 
+                                        <div>
111 
+                                            <div class="btn bg-gradient-anwi w-100 loader-btn"
112 
+                                                style="display: none;">
113 
+                                                <span class="loader"></span>
114 
+                                            </div>
115 
+                                            <a href="#" class="btn bg-gradient-anwi w-100 fw-500" id="Login_btn"
116 
+                                                type="submit">Login</a>
117 
+                                        </div>
118 
+                                    </div>
119 
+                                    <div class="my-3 mt-4">
120 
+                                    <p class="or_line"><span>or</span></p>
121 
+
122 
+                                    </div>
123 
+                                    <div class="mt-4  mb-5">
124 
+                                            <a href="#" class="btn bg-gradient-anwi-outline w-100 fw-500 register_sectionbtn" id="register_sectionbtn"
125 
+                                                >Sign Up</a>
126 
+                                    </div>
127 
+                                </div>
128 
+                                <div class="login-forgot-password-div" style="display:none">
129 
+                                    <div
130 
+                                        class="font-16 d-flex justify-content-end font-w600 text-darkgrey w-100 backtologin">
131 
+                                        <!-- <span>Forgot Password?</span> -->
132 
+                                        <a href="./login.html" class="" id="forgot_Password_Back"><span
133 
+                                                class=" cursor-pointer text-center d-flex align-items-center"><i
134 
+                                                    class="fa-solid fa-arrow-left"></i></span></a>
135 
+                                    </div>
136 
+                                    <div class="email-validation">
137 
+                                        <div class="font-14 w-100">Please enter your email address.
138 
+                                        </div>
139 
+                                        <div class="input-group has-validation forgot-password-inputgroup">
140 
+                                            <div class="form-floating py-0">
141 
+                                                <input type="email" class="form-control shadow-none h-50p"
142 
+                                                    id="forgot_User_Email" placeholder="Enter Your Email"
143 
+                                                    autocomplete="off">
144 
+                                                <label for="forgot_User_Email">Email address</label>
145 
+                                            </div>
146 
+                                            <div class="invalid-feedback">
147 
+                                                Please enter your email.
148 
+                                            </div>
149 
+                                        </div>
150 
+                                        <div class="mt-3">
151 
+                                            <div>
152 
+                                                <div class="btn bg-gradient-anwi w-100 loader-btn"
153 
+                                                    style="display: none;">
154 
+                                                    <span class="loader"></span>
155 
+                                                </div>
156 
+                                                <a href="#" class="btn bg-gradient-anwi w-100 text-white fw-500"
157 
+                                                    id="forgot_password_submit" type="submit">Submit</a>
158 
+                                            </div>
159 
+                                        </div>
160 
+                                    </div>
161 
+                                    <div class="otp-validation">
162 
+                                        <div class="otp-input-group mt-3" style="display: none;">
163 
+                                            <div>
164 
+                                                <h4 class="text-center">Enter OTP</h4>
165 
+                                                <div class="text-center">we have sent an OTP to this Email
166 
+                                                </div>
167 
+                                                <p class="user_email text-center"></p>
168 
+                                                <div class="otp-sent-email fw-600 text-center"></div>
169 
+                                            </div>
170 
+                                            <div class="d-flex my-4">
171 
+                                                <div class="col">
172 
+                                                    <div class="form-group">
173 
+                                                        <input type="text" class="press form-control"
174 
+                                                            name="code" maxlength="1" tabindex="1"
175 
+                                                            autocomplete="off">
176 
+                                                    </div>
177 
+                                                </div>
178 
+
179 
+                                                <div class="col">
180 
+                                                    <div class="form-group">
181 
+                                                        <input type="text" class="press form-control"
182 
+                                                            name="code" maxlength="1" tabindex="2"
183 
+                                                            autocomplete="off">
184 
+                                                    </div>
185 
+                                                </div>
186 
+
187 
+                                                <div class="col">
188 
+                                                    <div class="form-group">
189 
+                                                        <input type="text" class="press form-control"
190 
+                                                            name="code" maxlength="1" tabindex="3"
191 
+                                                            autocomplete="off">
192 
+                                                    </div>
193 
+                                                </div>
194 
+
195 
+                                                <div class="col">
196 
+                                                    <div class="form-group">
197 
+                                                        <input type="text" class="press form-control"
198 
+                                                            name="code" maxlength="1" tabindex="4"
199 
+                                                            autocomplete="off">
200 
+                                                    </div>
201 
+                                                </div>
202 
+
203 
+                                                <div class="col">
204 
+                                                    <div class="form-group">
205 
+                                                        <input type="text" class="press form-control"
206 
+                                                            name="code" maxlength="1" tabindex="5"
207 
+                                                            autocomplete="off">
208 
+                                                    </div>
209 
+                                                </div>
210 
+
211 
+                                                <div class="col">
212 
+                                                    <div class="form-group">
213 
+                                                        <input type="text" class="press form-control"
214 
+                                                            name="code" maxlength="1" tabindex="6"
215 
+                                                            autocomplete="off">
216 
+                                                    </div>
217 
+                                                </div>
218 
+                                            </div>
219 
+                                            <div>
220 
+                                                <div class="btn bg-gradient-anwi w-100 loader-btn"
221 
+                                                    style="display: none;">
222 
+                                                    <span class="loader"></span>
223 
+                                                </div>
224 
+                                                <a href="#" class="bg-gradient-anwi btn fw-500 text-white w-100"
225 
+                                                    id="Forgot_pass_proceed" type="submit">CONFIRM</a>
226 
+                                            </div>
227 
+                                        </div>
228 
+                                    </div>
229 
+                                </div>
230 
+
231 
+                                <div class="login-forgot-password-details-div" style="display:none">
232 
+                                    <!-- <div
233 
+                                        class="font-16 d-flex justify-content-between font-w600 text-darkgrey w-100 backtologin">
234 
+                                    <span>Forgot Password?</span>
235 
+                                        <a href="#" class=""
236 
+                                            id="forgot_Password_Details_Back"><span
237 
+                                                class=" cursor-pointer text-center d-flex align-items-center"><i
238 
+                                                    class="fa-solid fa-arrow-left"></i></span></a>
239 
+                                    </div> -->
240 
+                                    <div class="font-14 w-100 password_display">Please Enter your New Password.
241 
+                                    </div>
242 
+                                    <div class="input-group has-validation forgot-password-details-inputgroup">
243 
+                                        <div class=" align-items-center d-flex form-floating position-relative py-0">
244 
+                                            <input type="password"
245 
+                                                class="form-control shadow-none h-50p user_pass"
246 
+                                                id="forgot-password-input-one" placeholder="Enter New Password "
247 
+                                                autocomplete="off">
248 
+                                                <span class="end-0 pswd_eye me-3 position-absolute"><svg
249 
+                                                    class="svg-inline--fa fa-eye" aria-hidden="true"
250 
+                                                    focusable="false" data-prefix="fas" data-icon="eye"
251 
+                                                    role="img" xmlns="http://www.w3.org/2000/svg"
252 
+                                                    viewBox="0 0 576 512" data-fa-i2svg="">
253 
+                                                    <path fill="currentColor"
254 
+                                                        d="M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z">
255 
+                                                    </path>
256 
+                                                </svg><!-- <i class="fa-solid fa-eye"></i> Font Awesome fontawesome.com --></span>
257 
+                                            <label for="forgot-password-input-one">Enter New Password</label>
258 
+                                        </div>
259 
+                                        <div class="invalid-feedback">
260 
+                                            Please enter your Password.
261 
+                                        </div>
262 
+                                        <div class="pswd_info" style="display: none;z-index: 1;">
263 
+                                            <p>Password must contain:</p>
264 
+                                            <ul>
265 
+                                                <li id="chck_capital" class="invalid">At least <strong>one
266 
+                                                        capital
267 
+                                                        letter</strong></li>
268 
+                                                <li id="chck_special" class="invalid">At least <strong>one
269 
+                                                        special
270 
+                                                        letter</strong></li>
271 
+                                                <li id="chck_number" class="invalid">At least <strong>one
272 
+                                                        number</strong></li>
273 
+                                                <li id="chck_length" class="invalid">At least <strong>8
274 
+                                                        characters</strong></li>
275 
+                                            </ul>
276 
+                                        </div>
277 
+                                    </div>
278 
+                                    <div
279 
+                                        class="input-group has-validation forgot-password-details-inputgroup mt-4">
280 
+                                        <div class="form-floating py-0">
281 
+                                            <input type="text" class="form-control shadow-none h-50p user_pass"
282 
+                                                id="forgot-password-input-two"
283 
+                                                placeholder="Confirm New Password" autocomplete="off">
284 
+                                            <label for="forgot-password-input-two">Confirm New Password</label>
285 
+                                        </div>
286 
+                                        <div class="invalid-feedback">
287 
+                                            Please enter your Password.
288 
+                                        </div>
289 
+                                    </div>
290 
+                                    <div class="mt-3 ">
291 
+                                        <div>
292 
+                                            <div class="btn bg-gradient-anwi w-100 loader-btn"
293 
+                                                style="display: none;">
294 
+                                                <span class="loader"></span>
295 
+                                            </div>
296 
+                                            <a href="#" class="btn bg-gradient-anwi w-100 text-white fw-500"
297 
+                                                id="forgot_password_details_submit" type="submit">Submit</a>
298 
+                                        </div>
299 
+                                    </div>
300 
+                                </div>
301 
+
302 
+
303 
+
304 
+                            </form>
305 
+
306 
+                            </div>
307 
+                            <div class="email-validate-div" style="display:none">
308 
+                                <div
309 
+                                    class="font-16 d-flex justify-content-end font-w600 text-darkgrey w-100 backtologin">
310 
+                                    <!-- <span>Forgot Password?</span> -->
311 
+                                    <a href="./login.html" class="" id="email_validate_back"><span
312 
+                                            class=" cursor-pointer text-center d-flex align-items-center"><i
313 
+                                                class="fa-solid fa-arrow-left"></i></span></a>
314 
+                                </div>
315 
+                                <div class="email-validation">
316 
+                                    <div class="font-14 w-100">Please enter your email address.
317 
+                                    </div>
318 
+                                    <div class="input-group has-validation forgot-password-inputgroup">
319 
+                                        <div class="form-floating py-0">
320 
+                                            <input type="email" class="form-control shadow-none h-50p"
321 
+                                                id="email_validation_input" placeholder="Enter Your Email"
322 
+                                                autocomplete="off">
323 
+                                            <label for="email_validation_input">Email address</label>
324 
+                                        </div>
325 
+                                        <div class="invalid-feedback">
326 
+                                            Please enter your email.
327 
+                                        </div>
328 
+                                    </div>
329 
+                                    <div class="mt-3">
330 
+                                        <div>
331 
+                                            <div class="btn bg-gradient-anwi w-100 loader-btn"
332 
+                                                style="display: none;">
333 
+                                                <span class="loader"></span>
334 
+                                            </div>
335 
+                                            <a href="#" class="btn bg-gradient-anwi w-100 text-white fw-500"
336 
+                                                id="email_validate_submit" type="submit">Submit</a>
337 
+                                        </div>
338 
+                                    </div>
339 
+                                </div>
340 
+                                <div class="otp-validation">
341 
+                                    <div class="otp-input-group mt-3" style="display: none;">
342 
+                                        <div>
343 
+                                            <h4 class="text-center">Enter OTP</h4>
344 
+                                            <div class="text-center">we have sent an OTP to this Email
345 
+                                            </div>
346 
+                                            <p class="user_email text-center"></p>
347 
+                                            <div class="otp-sent-email fw-600 text-center"></div>
348 
+                                        </div>
349 
+                                        <div class="d-flex my-4">
350 
+                                            <div class="col">
351 
+                                                <div class="form-group">
352 
+                                                    <input type="text" class="press form-control"
353 
+                                                        name="code" maxlength="1" tabindex="1"
354 
+                                                        autocomplete="off">
355 
+                                                </div>
356 
+                                            </div>
357 
+
358 
+                                            <div class="col">
359 
+                                                <div class="form-group">
360 
+                                                    <input type="text" class="press form-control"
361 
+                                                        name="code" maxlength="1" tabindex="2"
362 
+                                                        autocomplete="off">
363 
+                                                </div>
364 
+                                            </div>
365 
+
366 
+                                            <div class="col">
367 
+                                                <div class="form-group">
368 
+                                                    <input type="text" class="press form-control"
369 
+                                                        name="code" maxlength="1" tabindex="3"
370 
+                                                        autocomplete="off">
371 
+                                                </div>
372 
+                                            </div>
373 
+
374 
+                                            <div class="col">
375 
+                                                <div class="form-group">
376 
+                                                    <input type="text" class="press form-control"
377 
+                                                        name="code" maxlength="1" tabindex="4"
378 
+                                                        autocomplete="off">
379 
+                                                </div>
380 
+                                            </div>
381 
+
382 
+                                            <div class="col">
383 
+                                                <div class="form-group">
384 
+                                                    <input type="text" class="press form-control"
385 
+                                                        name="code" maxlength="1" tabindex="5"
386 
+                                                        autocomplete="off">
387 
+                                                </div>
388 
+                                            </div>
389 
+
390 
+                                            <div class="col">
391 
+                                                <div class="form-group">
392 
+                                                    <input type="text" class="press form-control"
393 
+                                                        name="code" maxlength="1" tabindex="6"
394 
+                                                        autocomplete="off">
395 
+                                                </div>
396 
+                                            </div>
397 
+                                        </div>
398 
+                                        <div>
399 
+                                            <div class="btn bg-gradient-anwi w-100 loader-btn"
400 
+                                                style="display: none;">
401 
+                                                <span class="loader"></span>
402 
+                                            </div>
403 
+                                            <a href="#" class="bg-gradient-anwi btn fw-500 text-white w-100"
404 
+                                                id="email_validate_proceed" type="submit">CONFIRM</a>
405 
+                                        </div>
406 
+                                    </div>
407 
+                                </div>
408 
+                            </div>
409 
+                            <div class="register_section" style="display: none;">
410 
+                                <form id="register_form">
411 
+                                    <div class="email-password-group">
412 
+                                        <div class="input-group has-validation email-login-inputgroup">
413 
+                                            <div class="form-floating py-0">
414 
+                                                <input type="email" class="form-control shadow-none h-50p"
415 
+                                                    id="User_Email" placeholder="Enter Your Email"
416 
+                                                    autocomplete="off">
417 
+                                                <label for="User_Email">Email address</label>
418 
+                                            </div>
419 
+                                            <div class="invalid-feedback">
420 
+                                                Please enter your email.
421 
+                                            </div>
422 
+                                        </div>
423 
+                                        <div class="input-group has-validation mt-3 password-login-inputgroup">
424 
+                                            <div class="align-items-center d-flex form-floating position-relative py-0"
425 
+                                                id="password-input-div">
426 
+                                                <input type="password" class="form-control shadow-none h-50p"
427 
+                                                    id="User_password" placeholder="Password"
428 
+                                                    autocomplete="no password" required="">
429 
+                                                <span class="end-0 pswd_eye me-4 pe-2 position-absolute"><svg
430 
+                                                        class="svg-inline--fa fa-eye" aria-hidden="true"
431 
+                                                        focusable="false" data-prefix="fas" data-icon="eye"
432 
+                                                        role="img" xmlns="http://www.w3.org/2000/svg"
433 
+                                                        viewBox="0 0 576 512" data-fa-i2svg="">
434 
+                                                        <path fill="currentColor"
435 
+                                                            d="M288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM144 256a144 144 0 1 1 288 0 144 144 0 1 1 -288 0zm144-64c0 35.3-28.7 64-64 64c-7.1 0-13.9-1.2-20.3-3.3c-5.5-1.8-11.9 1.6-11.7 7.4c.3 6.9 1.3 13.8 3.2 20.7c13.7 51.2 66.4 81.6 117.6 67.9s81.6-66.4 67.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3z">
436 
+                                                        </path>
437 
+                                                    </svg><!-- <i class="fa-solid fa-eye"></i> Font Awesome fontawesome.com --></span>
438 
+                                                <label for="User_password">Password</label>
439 
+                                            </div>
440 
+                                            <div class="invalid-feedback">
441 
+                                                Please enter your password.
442 
+                                            </div>
443 
+                                            <div class="pswd_info" style="display: none;">
444 
+                                                <p>Password must contain:</p>
445 
+                                                <ul>
446 
+                                                    <li id="chck_capital" class="invalid">At least <strong>one
447 
+                                                            capital
448 
+                                                            letter</strong></li>
449 
+                                                    <li id="chck_special" class="invalid">At least <strong>one
450 
+                                                            special
451 
+                                                            letter</strong></li>
452 
+                                                    <li id="chck_number" class="invalid">At least <strong>one
453 
+                                                            number</strong></li>
454 
+                                                    <li id="chck_length" class="invalid">At least <strong>8
455 
+                                                            characters</strong></li>
456 
+                                                </ul>
457 
+                                            </div>
458 
+                                        </div>
459 
+                                        <div class="fs-7 mt-2 satoshi_font">
460 
+                                            By continuing, I agree to the
461 
+                                            <a href="#"
462 
+                                                class="text-theme-color text-decoration-underline fs-7 fw-600">Terms
463 
+                                                of
464 
+                                                Use</a>
465 
+                                            &amp;
466 
+                                            <a href="#"
467 
+                                                class="text-theme-color text-decoration-underline fs-7 fw-600">Privacy
468 
+                                                Policy</a>
469 
+                                        </div>
470 
+                                        <div class="mt-3 ">
471 
+                                            <div>
472 
+                                                <div class="btn bg-gradient-anwi w-100 loader-btn"
473 
+                                                    style="display: none;">
474 
+                                                    <span class="loader"></span>
475 
+                                                </div>
476 
+                                                <a href="#" class="btn bg-gradient-anwi text-white w-100 fw-500"
477 
+                                                    id="register_btn" type="submit">Sign Up</a>
478 
+                                            </div>
479 
+                                        </div>
480 
+                                        <div class="my-3 mt-4">
481 
+                                            <p class="or_line"><span>or</span></p>
482 
+
483 
+                                            </div>
484 
+                                            <div class="mt-4  mb-5">
485 
+                                                    <a href="#" class="btn bg-gradient-anwi-outline w-100 fw-500" id="login_sectionbtn"
486 
+                                                        >Login</a>
487 
+                                            </div>
488 
+                                    </div>
489 
+
490 
+                                    <div class="register_otp otp-input-group mt-3" style="display: none;">
491 
+                                        <div>
492 
+                                            <h4 class="text-center">Enter OTP</h4>
493 
+                                            <div class="text-center">we have sent an OTP to this Email </div>
494 
+                                            <div class="otp-sent-email fw-600 text-center"></div>
495 
+                                        </div>
496 
+                                        <div class="d-flex my-4">
497 
+                                            <div class="col">
498 
+                                                <div class="form-group">
499 
+                                                    <input type="text" class="press form-control" name="code"
500 
+                                                        maxlength="1" tabindex="1" autocomplete="off">
501 
+                                                </div>
502 
+                                            </div>
503 
+
504 
+                                            <div class="col">
505 
+                                                <div class="form-group">
506 
+                                                    <input type="text" class="press form-control" name="code"
507 
+                                                        maxlength="1" tabindex="2" autocomplete="off">
508 
+                                                </div>
509 
+                                            </div>
510 
+
511 
+                                            <div class="col">
512 
+                                                <div class="form-group">
513 
+                                                    <input type="text" class="press form-control" name="code"
514 
+                                                        maxlength="1" tabindex="3" autocomplete="off">
515 
+                                                </div>
516 
+                                            </div>
517 
+
518 
+                                            <div class="col">
519 
+                                                <div class="form-group">
520 
+                                                    <input type="text" class="press form-control" name="code"
521 
+                                                        maxlength="1" tabindex="4" autocomplete="off">
522 
+                                                </div>
523 
+                                            </div>
524 
+
525 
+                                            <div class="col">
526 
+                                                <div class="form-group">
527 
+                                                    <input type="text" class="press form-control" name="code"
528 
+                                                        maxlength="1" tabindex="5" autocomplete="off">
529 
+                                                </div>
530 
+                                            </div>
531 
+
532 
+                                            <div class="col">
533 
+                                                <div class="form-group">
534 
+                                                    <input type="text" class="press form-control" name="code"
535 
+                                                        maxlength="1" tabindex="6" autocomplete="off">
536 
+                                                </div>
537 
+                                            </div>
538 
+                                        </div>
539 
+                                        <div>
540 
+                                            <div class="btn bg-gradient-anwi w-100 loader-btn"
541 
+                                                style="display: none;">
542 
+                                                <span class="loader"></span>
543 
+                                            </div>
544 
+                                            <a href="#" class="btn btn-primary w-100 fw-500" id="proceed"
545 
+                                                type="submit">CONFIRM</a>
546 
+                                        </div>
547 
+                                    </div>
548 
+
549 
+                                </form>
550 
+                            </div>
551 
+                        </div>
552 
+                    </div>
553 
+
554 
+                </div>
555 
+            </div>
556 
+        </div>
557 
+    </section>
558 
+    <!-- footer -->
559 
+
560 
+
561 
+    <!-- <div id="footer-head"></div> -->
562 
+    <!-- end-footer -->
563 
+    <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
564 
+    <script src="./dist/js/jquery.min.js"></script>
565 
+    <script src="./dist/js/utils/helpers.js"></script>
566 
+
567 
+    <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
568 
+    <script src="./dist/js/shoppingcart/addtocart.js"></script>
569 
+    <script src="./dist/js/auth/apiservice.js"></script>
570 
+    <script src="./libs/cookies.min.js"></script>
571 
+     <script src="./libs/axios.min.js"></script>
572 
+    <!-- <script src="./dist/js/auth/login.js"></script> -->
573 
+    <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
574 
+    <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
575 
+    <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
576 
+    <script src="./dist/js/vendor/bootstrap.min.js"></script>
577 
+    <script src="./dist/js/plugins/slick.js"></script>
578 
+    <script src="./dist/js/plugins/wow.js"></script>
579 
+    <script src="./dist/js/plugins/svg-injector.min.js"></script>
580 
+    <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
581 
+    <script src="./dist/js/plugins/mouse-parallax.js"></script>
582 
+    <script src="./dist/js/plugins/images-loaded.js"></script>
583 
+    <script src="./dist/js/plugins/isotope.js"></script>
584 
+    <script src="../dist/js/fontawesome.all.js"></script>
585 
+    <script src="./dist/js/utils/CookieHelper.js"></script>
586 
+    <script src="./dist/toaster/toastr.js"></script>
587 
+    <script src="./dist/js/auth/login.js"></script>
588 
+    <script src="./dist/js/navbar.js"></script>
589 
+    <script src="./dist/js/footer.js"></script>
590 
+    <!-- Main JS -->
591 
+    <script src="./dist/js/main.js"></script>
592 
+    <script>
593 
+        $(".register_sectionbtn").click(function(){
594 
+          debugger;
595 
+          $('#User_Email').val('');
596 
+        $('#User_password').val('');
597 
+          $(".login_section").css("display","none");
598 
+          $(".register_section").css("display","block");
599 
+          $(".login_section").find("#User_Email").removeClass("is-invalid");
600 
+          $(".login_section").find(".form-floating").removeClass("is-invalid");
601 
+          $(".login_section").find("#User_password").removeClass("is-invalid");
602 
+          $(".login_section").find(".form-floating").removeClass("is-invalid");
603 
+          $('.error_msg').hide();
604 
+        });
605 
+        $("#login_sectionbtn").click(function(){
606 
+            $("#register_form").find('#User_Email').val('');
607 
+            $("#register_form").find('#User_password').val('');
608 
+          $(".login_section").css("display","block");
609 
+          $(".register_section").css("display","none");
610 
+          $(".register_section").find("#User_Email").removeClass("is-invalid");
611 
+          $(".register_section").find(".form-floating").removeClass("is-invalid");
612 
+          $(".register_section").find("#User_password").removeClass("is-invalid");
613 
+          $(".register_section").find(".form-floating").removeClass("is-invalid");
614 
+          $('.error_msg').hide();
615 
+        });
616 
+
617 
+     </script>
618 
+</body>
619 
+
620 
+</html>

+ 123
- 0
supportticket.html Visa fil 

@@ -0,0 +1,123 @@
1 
+<!DOCTYPE html>
2 
+<html lang="en">
3 
+
4 
+<head>
5 
+    <meta charset="UTF-8" />
6 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
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">
9 
+    <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
10 
+
11 
+    <link rel="stylesheet" href="./dist/css/main.css" />
12 
+    <link rel="stylesheet" href="./style.css">
13 
+    <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.carousel.min.css">
14 
+    <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.theme.default.min.css">
15 
+    <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
16 
+    <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
17 
+    <link rel="stylesheet" href="./dist/css/vendor/vandella.css">
18 
+    <link rel="stylesheet" href="./libs/select2/select2.min.css" rel="stylesheet" />
19 
+    <link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">
20 
+    <link rel="stylesheet" href="./dist/css/vendor/fontello.css">
21 
+    <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">
22 
+    <link rel="stylesheet" href="./dist/css/plugins/slick.css">
23 
+    <link rel="stylesheet" href="./dist/css/plugins/nice-select.css">
24 
+    <link rel="stylesheet" href="./dist/css/plugins/animate.css">
25 
+    <link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css">
26 
+    <link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css">
27 
+    <link rel="stylesheet" href="./dist/css/style.css">
28 
+    <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">
29 
+    <link rel="stylesheet" href="./dist/css/fontawesome.min.css">
30 
+    <link rel="stylesheet" href="./dist/toaster/toastr.css" />
31 
+    <title>Support | Anwi</title>
32 
+
33 
+    <style>
34 
+        html,body{
35 
+            height: 100%;
36 
+        }
37 
+        .home-main-container{
38 
+            min-height: 100%;
39 
+        }
40 
+    </style>
41 
+</head>
42 
+
43 
+<body class="order_details_page">
44 
+    <!-- navbar -->
45 
+    <div id="navbar-head"></div>
46 
+    <!-- end-navbar -->
47 
+    <!-- main-body -->
48 
+    <main class="main-body home-main-container bg-gradient-violet">
49 
+        <section class="services h-100 pt-3  bg-gradient-anwi">
50 
+            <div class="container pt-5 ">
51 
+                <div class="text-center text-white ">
52 
+                </div>
53 
+            </div>
54 
+        </section>
55 
+
56 
+        <section class="pt-md-5 pt-5 ">
57 
+            <div class="container pb-5 ">
58 
+              <div>  <a href="myaccount.html" class="mb-2 fw-600 text-a-color back_to_orders cursor-pointer">Go back to My Account</a></div>
59 
+                <div class="card p-3">
60 
+                    <div class="">
61 
+                        <div>
62 
+                            <div><span class="font-weight-600">Ticket ID</span> <span class="mx-1">-</span> <span class="ticketidsupport"></span></div>
63 
+                        </div>
64 
+                        <div>
65 
+                            <div> <span class="font-weight-600">Raised Date</span>  <span class="mx-1">-</span> <span class="raiseddate"></span></div>
66 
+                        </div>
67 
+                    </div>
68 
+                   <div>
69 
+                    <div class="font-weight-600">Description</div>
70 
+                    <div class="description_support">
71 
+                      Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eum, enim!
72 
+                    </div>
73 
+                   </div>
74 
+                </div>
75 
+            </div>
76 
+
77 
+
78 
+
79 
+
80 
+
81 
+        </section>
82 
+    </main>
83 
+    <!-- footer -->
84 
+    <div id="footer-head" class=""></div>
85 
+    <!-- end-footer -->
86 
+
87 
+    <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
88 
+    <script src="./dist/js/jquery.min.js"></script>
89 
+    <script src="./dist/toaster/toastr.js"></script>
90 
+    <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
91 
+    <script src="./dist/js/components/authloader/authloader.js"></script>
92 
+    <script src="./dist/js/auth/apiservice.js"></script>
93 
+    <script src="./libs/cookies.min.js"></script>
94 
+    <script src="./libs/axios.min.js"></script>
95 
+    <script src="./dist/js/footer.js"></script>
96 
+    <script src="./libs/cookies.min.js"></script>
97 
+    <script src="./dist/js/fontawesome.all.js"></script>
98 
+    <script src="./dist/js/fontawesome.min.js"></script>
99 
+    <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
100 
+    <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
101 
+    <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
102 
+    <script src="./dist/js/vendor/bootstrap.min.js"></script>
103 
+    <script src="./dist/js/plugins/slick.js"></script>
104 
+    <script src="./dist/js/plugins/wow.js"></script>
105 
+    <script src="./dist/js/plugins/svg-injector.min.js"></script>
106 
+    <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
107 
+    <script src="./dist/js/plugins/mouse-parallax.js"></script>
108 
+    <script src="./dist/js/plugins/images-loaded.js"></script>
109 
+    <script src="./dist/js/plugins/isotope.js"></script>
110 
+    <script src="./libs/select2/select2.js"></script>
111 
+    <script src="./dist/js/plugins/jquery-ui.js"></script>
112 
+    <script src="./dist/js/plugins/magnific-popup.js"></script>
113 
+    <script src="./dist/js/navbar.js"></script>
114 
+    <script src="./dist/js/support/supportticket.js"></script>
115 
+
116 
+    <!-- Main JS -->
117 
+    <script src="./dist/js/main.js"></script>
118 
+
119 
+
120 
+
121 
+</body>
122 
+
123 
+</html>

Write Förhandsgranska
Laddar…
Avbryt
Spara