saikiranbolli 2 лет назад
Родитель
Сommit
9a63b4dcdc
3 измененных файлов: 829 добавлений и 1 удалений
  1. 4
    1
      dist/Js/navbar.js
  2. 225
    0
      productcatlogue.html
  3. 600
    0
      productcatloguedetails.html

+ 4
- 1
dist/Js/navbar.js Просмотреть файл

@@ -253,7 +253,10 @@ function navINIT() {
253 253
         localStorage.removeItem("product_data");
254 254
         localStorage.removeItem("top_data")
255 255
     }
256
-
256
+    let loc_path1 = '/productcatloguedetails.html';
257
+    if (window.location.pathname.includes(loc_path1) === false) {
258
+        localStorage.removeItem("product_catlogue_obj");
259
+    }
257 260
 
258 261
     //services pages links and sources
259 262
 

+ 225
- 0
productcatlogue.html Просмотреть файл

@@ -0,0 +1,225 @@
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/vendor/bootstrap.min.css">
15
+  <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
16
+  <link rel="stylesheet" href="./dist/css/vendor/vandella.css">
17
+  <link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">
18
+  <link rel="stylesheet" href="./dist/css/vendor/fontello.css">
19
+  <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">
20
+  <link rel="stylesheet" href="./dist/css/plugins/slick.css">
21
+  <link rel="stylesheet" href="./dist/css/plugins/nice-select.css">
22
+  <link rel="stylesheet" href="./dist/css/plugins/animate.css">
23
+  <link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css">
24
+  <link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css">
25
+  <link rel="stylesheet" href="./dist/css/style.css">
26
+  <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">
27
+  <link rel="stylesheet" href="./dist/css/fontawesome.min.css">
28
+  <title>Press Releases | Anwi</title>
29
+
30
+  <style>
31
+   
32
+   .card:hover{
33
+            box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
34
+        }
35
+        .card:hover img{
36
+            transform: scale(1.1);
37
+            /* rotate: 10deg; */
38
+        }
39
+        .card:hover .btn{
40
+            background-color: #000 !important;
41
+            color:#ffff !important;
42
+        }
43
+        .card-title{
44
+            font-size: 1.2rem;
45
+        }
46
+    
47
+  </style>
48
+</head>
49
+
50
+<body class="media_page">
51
+  <!-- navbar -->
52
+  <div id="navbar-head" class=></div>
53
+  <!-- end-navbar -->
54
+  <!-- main-body -->
55
+  <main class="main-body home-main-container">
56
+    <section class="pt-2 ramsContainer " id="ora_products">
57
+        <div class="products-container container pb-5" id="pills-tabContent">
58
+            <div class="text-center pb-md-5 mb-md-5">
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 Systems</span>
60
+            </div>
61
+            <div class="row product_card_section">
62
+                <div class="col-lg-4 col-md-6 col-md-6 product_catlogue_card cursor-pointer pb-md-4" data_product="zenosleekbook14">
63
+                    <div class="card border bg-gray-3 rounded-3 p-1 h-100">
64
+                        <img src="./dist/assets/imgs/allin_imgs/preview-front1.png" class="card-img-top" alt="...">
65
+                        <div class="card-body">
66
+                            <h5 class="card-title satoshi_font mb-0">Zeno Sleekbook 14.1 inch </h5>
67
+                        </div>
68
+                        <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;">
69
+                            <li class="border-0 py-0">
70
+                                <span class="satoshi_font">8GB DDR4</span>
71
+                            </li>
72
+                            <li class="border-0 py-0">
73
+                                <span class="satoshi_font">3200 Mhz</span>
74
+                            </li>
75
+                        </ul>
76
+                        <div class="card-body text-center">
77
+                            <a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font">Details </a>
78
+                        </div>
79
+                    </div>
80
+                </div>
81
+                <div class="col-lg-4 col-md-6 col-md-6 product_catlogue_card cursor-pointer pb-md-4" data_product="zenosleekbook14touch">
82
+                    <div class="card border bg-gray-3 rounded-3 p-1 h-100">
83
+                        <img src="./dist/assets/imgs/allin_imgs/preview-front1.png" class="card-img-top" alt="...">
84
+                        <div class="card-body">
85
+                            <h5 class="card-title satoshi_font mb-0">Zeno Sleekbook 14.1 inch Touch Screen 360<sup>o</sup> flip</h5>
86
+                        </div>
87
+                        <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;">
88
+                            <li class="border-0 py-0">
89
+                                <span class="satoshi_font">8GB DDR4</span>
90
+                            </li>
91
+                            <li class="border-0 py-0">
92
+                                <span class="satoshi_font">3200 Mhz</span>
93
+                            </li>
94
+                        </ul>
95
+                        <div class="card-body text-center">
96
+                            <a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font">Details </a>
97
+                        </div>
98
+                    </div>
99
+                </div>
100
+                <div class="col-lg-4 col-md-6 col-md-6 product_catlogue_card cursor-pointer pb-md-4" data_product="zenosleekbook15">
101
+                    <div class="card border bg-gray-3 rounded-3 p-1 h-100">
102
+                        <img src="./dist/assets/imgs/allin_imgs/preview-front1.png" class="card-img-top" alt="...">
103
+                        <div class="card-body">
104
+                            <h5 class="card-title satoshi_font mb-0">Zeno Sleekbook 15.6 inch</h5>
105
+                        </div>
106
+                        <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;">
107
+                            <li class="border-0 py-0">
108
+                                <span class="satoshi_font">8GB DDR4</span>
109
+                            </li>
110
+                            <li class="border-0 py-0">
111
+                                <span class="satoshi_font">3200 Mhz</span>
112
+                            </li>
113
+                        </ul>
114
+                        <div class="card-body text-center">
115
+                            <a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font">Details </a>
116
+                        </div>
117
+                    </div>
118
+                </div>
119
+                <div class="col-lg-4 col-md-6 col-md-6 product_catlogue_card cursor-pointer pb-md-4" data_product="zenodualbook16">
120
+                    <div class="card border bg-gray-3 rounded-3 p-1 h-100">
121
+                        <img src="./dist/assets/imgs/allin_imgs/preview-front1.png" class="card-img-top" alt="...">
122
+                        <div class="card-body">
123
+                            <h5 class="card-title satoshi_font mb-0">Zeno Dualbook 16 inch</h5>
124
+                        </div>
125
+                        <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;">
126
+                            <li class="border-0 py-0">
127
+                                <span class="satoshi_font">8GB DDR4</span>
128
+                            </li>
129
+                            <li class="border-0 py-0">
130
+                                <span class="satoshi_font">3200 Mhz</span>
131
+                            </li>
132
+                        </ul>
133
+                        <div class="card-body text-center">
134
+                            <a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font">Details </a>
135
+                        </div>
136
+                    </div>
137
+                </div>
138
+                <div class="col-lg-4 col-md-6 col-md-6 product_catlogue_card cursor-pointer pb-md-4" data_product="zenodualbook21">
139
+                    <div class="card border bg-gray-3 rounded-3 p-1 h-100">
140
+                        <img src="./dist/assets/imgs/allin_imgs/preview-front1.png" class="card-img-top" alt="...">
141
+                        <div class="card-body">
142
+                            <h5 class="card-title satoshi_font mb-0">Zeno Dualbook 16 inch</h5>
143
+                        </div>
144
+                        <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;">
145
+                            <li class="border-0 py-0">
146
+                                <span class="satoshi_font">8GB DDR4</span>
147
+                            </li>
148
+                            <li class="border-0 py-0">
149
+                                <span class="satoshi_font">3200 Mhz</span>
150
+                            </li>
151
+                        </ul>
152
+                        <div class="card-body text-center">
153
+                            <a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font">Details </a>
154
+                        </div>
155
+                    </div>
156
+                </div>
157
+                <div class="col-lg-4 col-md-6 col-md-6 product_catlogue_card cursor-pointer pb-md-4" data_product="zenodualbook23">
158
+                    <div class="card border bg-gray-3 rounded-3 p-1 h-100">
159
+                        <img src="./dist/assets/imgs/allin_imgs/preview-front1.png" class="card-img-top" alt="...">
160
+                        <div class="card-body">
161
+                            <h5 class="card-title satoshi_font mb-0">Zeno Dualbook 16 inch</h5>
162
+                        </div>
163
+                        <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;">
164
+                            <li class="border-0 py-0">
165
+                                <span class="satoshi_font">8GB DDR4</span>
166
+                            </li>
167
+                            <li class="border-0 py-0">
168
+                                <span class="satoshi_font">3200 Mhz</span>
169
+                            </li>
170
+                        </ul>
171
+                        <div class="card-body text-center">
172
+                            <a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font">Details </a>
173
+                        </div>
174
+                    </div>
175
+                </div>
176
+            </div>
177
+        </div>
178
+    </section>
179
+  </main>
180
+  <!-- footer -->
181
+  <div id="footer-head" class=""></div>
182
+  <!-- end-footer -->
183
+  <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
184
+  <script src="./dist/js/jquery.min.js"></script>
185
+  <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
186
+
187
+  <script src="./dist/js/axios.min.js"></script>
188
+  <script src="./dist/js/footer.js"></script>
189
+    <script src="./libs/cookies.min.js"></script>
190
+  <script src="./dist/js/fontawesome.all.js"></script>
191
+  <script src="./dist/js/fontawesome.min.js"></script>
192
+  <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
193
+  <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
194
+  <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
195
+  <script src="./dist/js/vendor/bootstrap.min.js"></script>
196
+  <script src="./dist/js/plugins/slick.js"></script>
197
+  <script src="./dist/js/plugins/wow.js"></script>
198
+  <script src="./dist/js/plugins/svg-injector.min.js"></script>
199
+  <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
200
+  <script src="./dist/js/plugins/mouse-parallax.js"></script>
201
+  <script src="./dist/js/plugins/images-loaded.js"></script>
202
+  <script src="./dist/js/plugins/isotope.js"></script>
203
+  <script src="./dist/js/plugins/jquery-ui.js"></script>
204
+  <script src="./dist/js/plugins/magnific-popup.js"></script>
205
+  <script src="./dist/js/navbar.js"></script>
206
+  <!-- Main JS -->
207
+  <script src="./dist/js/main.js"></script>
208
+<script>
209
+    $(".header-area").addClass("bg-gradient-anwi");
210
+    $(".product_card_section").find(".product_catlogue_card").each(function(){
211
+            $(this).click(function(){
212
+            let name = $(this).attr("data_product");
213
+
214
+                let product_catlogue_obj = {
215
+                   product:name
216
+                }
217
+
218
+            localStorage.setItem("product_catlogue_obj",JSON.stringify(product_catlogue_obj));
219
+            window.location.href="/productcatloguedetails.html";
220
+            })
221
+        });
222
+</script>
223
+</body>
224
+
225
+</html>

+ 600
- 0
productcatloguedetails.html Просмотреть файл

@@ -0,0 +1,600 @@
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="./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/allinone14inch.css" />
15
+    <link rel="stylesheet" href="./dist/css/pages/productdetails.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/icofont.min.css"> -->
21
+    <link rel="stylesheet" href="./dist/css/vendor/fontello.css" />
22
+    <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css" />
23
+    <link rel="stylesheet" href="./dist/css/plugins/slick.css" />
24
+    <link rel="stylesheet" href="./dist/css/plugins/nice-select.css" />
25
+    <link rel="stylesheet" href="./dist/css/plugins/animate.css" />
26
+    <link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css" />
27
+    <link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css" />
28
+    <link rel="stylesheet" href="./dist/css/style.css" />
29
+    <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css" />
30
+    <link rel="stylesheet" href="./dist/css/fontawesome.min.css" />
31
+    <title>Anwi</title>
32
+</head>
33
+
34
+<body class="">
35
+    <!-- navbar -->
36
+    <div id="navbar-head"></div>
37
+    <!-- end-navbar -->
38
+    <!-- main-body -->
39
+    <main class="main-body home-main-container pt-5">
40
+        <!-- product-viewer -->
41
+    <section class="pb-md-5">
42
+        <div class="container mainContanierProduct">
43
+            <div class="row">
44
+                <div class="col-md-6">
45
+                    <div class="bgproductDGen border-0">
46
+                        <div class="row">
47
+                            <div class="d-none col-xl-2">
48
+                                <div class="d-flex flex-column gap-2 p-2">
49
+                                    <div class="product-item-gallery active-gallery-img">
50
+                                        <img src="./dist/assets/imgs/Navbar/Accessiories-1.png" alt=""
51
+                                            class="w-100 h-100" />
52
+                                    </div>
53
+                                    <div class="product-item-gallery">
54
+                                        <img src="./dist/assets/imgs/Navbar/Accessiories-2.png" alt=""
55
+                                            class="w-100 h-100" />
56
+                                    </div>
57
+                                    <div class="product-item-gallery">
58
+                                        <img src="https://www.pngall.com/wp-content/uploads/5/RAM-Memory.png" alt=""
59
+                                            class="w-100 h-100" />
60
+                                    </div>
61
+                                    <div class="product-item-gallery">
62
+                                        <img src="https://www.pngall.com/wp-content/uploads/5/RAM-Random-Access-Memory-PNG-Clipart.png"
63
+                                            alt="" class="w-100 h-100" />
64
+                                    </div>
65
+                                    <div class="product-item-gallery">
66
+                                        <img src="https://www.pngall.com/wp-content/uploads/5/RAM-PNG.png" alt=""
67
+                                            class="w-100 h-100" />
68
+                                    </div>
69
+                                </div>
70
+                            </div>
71
+                            <div class="col-xl-10" type="button" data-toggle="modal" data-target="#exampleModal">
72
+                                <div
73
+                                    class="productDetailsShadow productDetailsMain card border-0 box-shodow d-flex justify-content-center align-items-center">
74
+                                    <img src="../dist/assets/imgs/accessiories/ram/ddr4-desktop.jpg" alt=""
75
+                                        class="card-img img-fluid" />
76
+                                </div>
77
+                            </div>
78
+                        </div>
79
+                    </div>
80
+                </div>
81
+                <div class="col-md-6 productDetailsShadow">
82
+                    <div class="card border-0 p-md-4 p-3">
83
+                        <div>
84
+                            <div>
85
+                                <h5 class="product_catlogue_name" style="font-size: 1.5rem"></h5>
86
+                            </div>
87
+                            <div class="py-2">
88
+                                ₹
89
+                                <span class="product_catlogue_price" style="font-size: 1.5rem; font-weight: 600"></span>
90
+                            </div>
91
+                        </div>
92
+                        <hr />
93
+                        <div class="pb-2 memory-parent">
94
+                            <h5 class="py-2 smallHeadingProductDetails">Processor</h5>
95
+                            <div class="d-flex gap-2 memorycontainer">
96
+                                <div class="card p-3 borderselector small-font" id="gen_1"></div>
97
+                                <div class="card p-3 small-font" id="gen_2"></div>
98
+                                <div class="card p-3 small-font" id="gen_3"></div>
99
+                            </div>
100
+                        </div>
101
+
102
+                        <div class="memory-details">
103
+                            <h5 class="py-2 smallHeadingProductDetails">Memory</h5>
104
+                            <div class="d-flex gap-2 pb-2 ramtech">
105
+                                <div type="button" class="specsmallcard-mini card small-font p-3 borderselector"
106
+                                    id="memeory_data"></div>
107
+                            </div>
108
+                            <div>
109
+                                <h5 class="py-2 smallHeadingProductDetails">Display</h5>
110
+                                <div class="d-flex gap-2 computersize">
111
+                                    <div type="button" class="specsmallcard-mini card small-font p-3 borderselector"
112
+                                        id="display_data"></div>
113
+                                </div>
114
+                            </div>
115
+                        </div>
116
+
117
+                        <div class="pb-2">
118
+                            <h5 class="py-2 smallHeadingProductDetails">Storage</h5>
119
+                            <div class="borderselector card small-font p-3" id="storage_data"></div>
120
+                        </div>
121
+
122
+                        <div class="d-none">
123
+                            <div class="d-flex justify-content-between align-items-center py-3">
124
+                                <h5 class="my-3 smallHeadingProductDetails">Quantity</h5>
125
+                                <a href="shopping-cart.html">
126
+                                    <!-- <div class="btn btn-sm btn-success ">Add To Cart</div> --> </a><a
127
+                                    class="btn btn-dark button_dark" href="shopping-cart.html">Add To Cart</a>
128
+                            </div>
129
+                            <div class="d-flex">
130
+                                <span class="qtybtn qtybtleft bgGreyLight">-</span>
131
+                                <span class="border-top border-bottom">
132
+                                    <span class="px-2">1</span>
133
+                                </span>
134
+                                <span class="qtybtn qtybtright bgGreyLight">+</span>
135
+                            </div>
136
+                        </div>
137
+                        <div class="card border-0 p-4 bgGreyLight my-3 d-none">
138
+                            <div class="row">
139
+                                <div class="col-sm-8 small-font">
140
+                                    Anwi NoteBook Pro Lustrous Gray i5 11th Gen + Iris Xe
141
+                                    Graphics 16GB RAM + 512GB NVMe SSD. * 1
142
+                                </div>
143
+                                <div class="col-sm-4">₹59,999</div>
144
+                            </div>
145
+                            <div class="row">
146
+                                <div class="col-sm-8 small-font">Total:</div>
147
+                                <div class="col-sm-4">₹59,999</div>
148
+                            </div>
149
+                        </div>
150
+
151
+                        <!--  -->
152
+                        <!-- <hr> -->
153
+                        <div class="d-none">
154
+                            <div class="small-font">
155
+                                Check if stock is available at your pincode
156
+                            </div>
157
+                            <div>
158
+                                <div class="mb-3 d-flex border">
159
+                                    <input class="form-control small-font border-0"
160
+                                        placeholder="input your pincode to check" type="text" id="formFile" />
161
+                                    <button class="border-0 small-font px-2">Check</button>
162
+                                </div>
163
+                            </div>
164
+                        </div>
165
+
166
+                        <div class="d-none">
167
+                            <ul>
168
+                                <li class="small-font">
169
+                                    No Cost EMI Available
170
+                                    <a class="learnMoreA" href="">Learn More</a>
171
+                                </li>
172
+                                <li class="small-font">
173
+                                    Buy Anwi Extended Warranty 1 Year at ₹2,699
174
+                                    <a class="learnMoreA" href="">Learn More</a>
175
+                                </li>
176
+                                <li class="small-font">
177
+                                    Avail No Cost EMI offer with BFL EMI Network Card<a class="learnMoreA" href="">Learn
178
+                                        More</a>
179
+                                </li>
180
+                                <li class="small-font">
181
+                                    Anwi Notebook Pro Drivers<a class="learnMoreA" href="">Learn More</a>
182
+                                </li>
183
+                            </ul>
184
+                        </div>
185
+                        <hr />
186
+                        <div class="pb-2 d-none">
187
+                            <span>Quantity :</span>
188
+                            <select name="quantity" class="p-2 rounded" id="quantity">
189
+                                <option value="1">1</option>
190
+                                <option value="2">2</option>
191
+                                <option value="3">3</option>
192
+                                <option value="4">4</option>
193
+                            </select>
194
+                        </div>
195
+                        <div class="d-none gap-2">
196
+                            <button id="addtocart" class="w-100 btn bg-black text-white" style="border-radius: 5px">
197
+                                Add to cart
198
+                            </button>
199
+                            <button class="w-100 btn bg-black text-white" style="border-radius: 5px">
200
+                                Buy Now
201
+                            </button>
202
+                        </div>
203
+                    </div>
204
+                </div>
205
+            </div>
206
+        </div>
207
+    </section> 
208
+        <section>
209
+            <div class="container">
210
+                <h2 class="specification_head">Specifications</h2>
211
+                <div class="d-flex gap-5 specContainer my-5">
212
+                    <div class="specContainerleft w-100">
213
+                        <div class="">
214
+                            <div class="row border-bottom">
215
+                                <div class="col-sm-4 bg-gray-3 py-2">Battery</div>
216
+                                <div class="col-sm-8 py-2" id="product_battery"></div>
217
+                            </div>
218
+                        </div>
219
+                        <div class="">
220
+                            <div class="row border-bottom">
221
+                                <div class="col-sm-4 bg-gray-3 py-2">GPU</div>
222
+                                <div class="col-sm-8 py-2" id="gpu"></div>
223
+                            </div>
224
+                        </div>
225
+                        <div class="">
226
+                            <div class="row border-bottom">
227
+                                <div class="col-sm-4 bg-gray-3 py-2">I/O ports</div>
228
+                                <div class="col-sm-8 py-2" id="ioports"></div>
229
+                            </div>
230
+                        </div>
231
+                    </div>
232
+                    <div class="specContainerRight w-100">
233
+                        <div class="">
234
+                            <div class="row border-bottom">
235
+                                <div class="col-sm-4 bg-gray-3 py-2">Communication</div>
236
+                                <div class="col-sm-8 py-2" id="product_communication"></div>
237
+                            </div>
238
+                        </div>
239
+                        <div class="">
240
+                            <div class="row border-bottom">
241
+                                <div class="col-sm-4 bg-gray-3 py-2">Power Supply</div>
242
+                                <div class="col-sm-8 py-2" id="power"></div>
243
+                            </div>
244
+                        </div>
245
+                        <div class="">
246
+                            <div class="row border-bottom">
247
+                                <div class="col-sm-4 bg-gray-3 py-2">Camera</div>
248
+                                <div class="col-sm-8 py-2" id="camera"></div>
249
+                            </div>
250
+                        </div>
251
+                        <div class="">
252
+                            <div class="row border-bottom">
253
+                                <div class="col-sm-4 bg-gray-3 py-2">Body Type</div>
254
+                                <div class="col-sm-8 py-2" id="body_type"></div>
255
+                            </div>
256
+                        </div>
257
+                        <div class="">
258
+                            <div class="row border-bottom">
259
+                                <div class="col-sm-4 bg-gray-3 py-2">Weight / Dimension</div>
260
+                                <div class="col-sm-8 py-2" id="product_weight"></div>
261
+                            </div>
262
+                        </div>
263
+                    </div>
264
+                </div>
265
+            </div>
266
+        </section>
267
+    </main>
268
+    <div id="enquire"></div>
269
+    <!-- footer -->
270
+    <div id="footer-head"></div>
271
+    <!-- end-footer -->
272
+    <script src="../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
273
+    <script src="../dist/js/jquery.min.js"></script>
274
+    <script src="../libs/owlcarousel/js/owl.carousel.min.js"></script>
275
+    <script src="../dist/js/navbar.js"></script>
276
+    <script src="../dist/js/footer.js"></script>
277
+    <script src="../dist/js/cookies.min.js"></script>
278
+    <script src="../dist/js/form.js"></script>
279
+
280
+    <script src="../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
281
+    <script src="../dist/js/jquery.min.js"></script>
282
+    <script src="../libs/owlcarousel/js/owl.carousel.min.js"></script>
283
+    <script src="../dist/js/navbar.js"></script>
284
+    <script src="../dist/js/axios.min.js"></script>
285
+    <script src="../dist/js/cookies.min.js"></script>
286
+    <script src="./dist/js/fontawesome.all.js"></script>
287
+    <script src="./dist/js/fontawesome.min.js"></script>
288
+    <script src="../dist/js/vendor/modernizr-3.11.7.min.js"></script>
289
+    <script src="../dist/js/vendor/jquery-v3.6.0.min.js"></script>
290
+    <script src="../dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
291
+    <script src="../dist/js/vendor/bootstrap.min.js"></script>
292
+    <script src="../dist/js/plugins/slick.js"></script>
293
+    <script src="../dist/js/plugins/wow.js"></script>
294
+    <script src="../dist/js/plugins/svg-injector.min.js"></script>
295
+    <script src="../dist/js/plugins/jquery.nice-select.min.js"></script>
296
+    <script src="../dist/js/plugins/mouse-parallax.js"></script>
297
+    <script src="../dist/js/plugins/images-loaded.js"></script>
298
+    <script src="../dist/js/plugins/isotope.js"></script>
299
+    <script src="../dist/js/plugins/jquery-ui.js"></script>
300
+    <script src="../dist/js/plugins/magnific-popup.js"></script>
301
+    <!-- Main JS -->
302
+    <script src="./dist/js/main.js"></script>
303
+    <script>
304
+        $(".header-area").addClass("bg-gradient-anwi");
305
+        $(".all_in_pg")
306
+            .find(".pre_img")
307
+            .each(function () {
308
+                $(this).click(function () {
309
+                    let img_src = $(this).attr("data-src");
310
+                    $(this)
311
+                        .parents(".row")
312
+                        .find(".main_all_img")
313
+                        .find(".main_img")
314
+                        .attr("src", img_src);
315
+                });
316
+            });
317
+
318
+        let products = {
319
+            zenosleekbook14: {
320
+                name: "Zeno Sleekbook 14.1 inch",
321
+                Image: "./dist/assets/imgs/allin_imgs/preview-front1.png",
322
+                processor: "12th Gen Intel® CoreTM i5",
323
+                processor1: "12th Gen Intel® CoreTM i7",
324
+                price5: "54,990",
325
+                price7: "64,990",
326
+                genaration: "12th Generation",
327
+                storage: `1TB (Read: 5100MB/sec, Write: 4500MB/sec) PCIe 4.0 M.2 NVMe PCIe Gen4x4<br/> Upgradable upto 2TB (Supports PCIe 4.0 M.2 NVMe PCIe Gen4x4)`,
328
+                display: "14.1 inch (2.5K 2560* 1440) (400 NITS)",
329
+                memory: `24GB DDR4 RAM <span class="suggest_arc">3200 MHz</span>`,
330
+                battery: "45.6 Whr - 4000 mAh",
331
+                weight: "1.4 Kg",
332
+                communication: "Intel® Dual Band Wi-Fi 6",
333
+                powersupply: "65W, 6A Type-C DC Adapter",
334
+                camera: "2 MP",
335
+                bodytype: "AD Metal",
336
+                gpu: [
337
+                    `<ul class="ps-3">
338
+                        <li>Intel® Iris® Xe Graphics</li>
339
+                        <li>Graphics Max Dynamic Frequency 1.30 GHz</li>
340
+                        <li>Graphics Output eDP 1.4b, DP 1.4a, HDMI 2.1</li>
341
+                        <li>Execution Units 80</li>
342
+                    </ul>`,
343
+                ],
344
+                ioports: [
345
+                    ` <ul class="ps-3">
346
+                        <li>
347
+                            2 x USB 3.2 Gen2 ports (Type A, 1 x powered USB port,
348
+                            AC/DC)
349
+                        </li>
350
+                        <li>1 x HDMITM output port (with HDCP)</li>
351
+                        <li>1 x 2-in-1 Audio jack (Headphone / Microphone)</li>
352
+                        <li>1 x DC-in jack with type-C</li>
353
+                        <li>1 x TF Card Reader</li>
354
+                        </ul>`,
355
+                ],
356
+            },
357
+            zenosleekbook14touch: {
358
+                name: "Zeno Sleekbook 14.1 inch",
359
+                Image: "./dist/assets/imgs/allin_imgs/preview-front1.png",
360
+                processor: `12th Gen Intel® CoreTM i5`,
361
+                processor1: `12th Gen Intel® CoreTM i7`,
362
+                price5: "54,990",
363
+                price7: "64,990",
364
+                genaration: "12th Generation",
365
+                memory: `24GB DDR4 RAM 3200 MHz`,
366
+                display: "14.1 inch (1920* 1080 FHD ) Touch Screen, 360o Foldable.",
367
+                storage: `1TB (Read: 5100MB/sec, Write: 4500MB/sec) PCIe 4.0 M.2 NVMe PCIe Gen4x4<br/> Upgradable upto 2TB (Supports PCIe 4.0 M.2 NVMe PCIe Gen4x4)`,
368
+                battery: "45.6 Whr - 4000 mAh",
369
+                gpu: [
370
+                    `<ul class="ps-3">
371
+                    <li>Intel® Iris® Xe Graphics</li>
372
+                      <li>Graphics Max Dynamic Frequency 1.30 GHz</li>
373
+                      <li>Graphics Output eDP 1.4b, DP 1.4a, HDMI 2.1</li>
374
+                      <li>Execution Units 80</li>
375
+                </ul>`,
376
+                ],
377
+                ioports: [
378
+                    ` <ul class="ps-3">
379
+                      <li>
380
+                        2 x USB 3.2 Gen2 ports (Type A, 1 x powered USB port,
381
+                        AC/DC)
382
+                      </li>
383
+                      <li>1 x HDMITM output port (with HDCP)</li>
384
+                      <li>1 x 2-in-1 Audio jack (Headphone / Microphone)</li>
385
+                      <li>1 x DC-in jack with type-C</li>
386
+                      <li>1 x TF Card Reader</li>
387
+                    </ul>`,
388
+                ],
389
+                communication: "Intel® Dual Band Wi-Fi 6",
390
+                powersupply: "65W, 6A Type-C DC Adapter",
391
+                camera: "2 MP",
392
+                bodytype: "AD Metal",
393
+                weight: "1.4 Kg",
394
+            },
395
+            zenosleekbook15: {
396
+                name: "Zeno Sleekbook 15.6 inch",
397
+                Image: "./dist/assets/imgs/allin_imgs/preview-front1.png",
398
+                processor: `12th Gen Intel® Core<sup>TM</sup> i5`,
399
+                processor1: `12th Gen Intel® Core<sup>TM</sup> i7`,
400
+                price5: "57,990",
401
+                price7: "67,990",
402
+                genaration: "12th Generation",
403
+                memory: `24GB DDR4 RAM 3200 MHz`,
404
+                display: "15.6 inch (4k 500 Nits)",
405
+                storage: `1TB (Read: 5100MB/sec, Write: 4500MB/sec) PCIe 4.0 M.2 NVMe PCIe Gen4x4 Upgradable upto 2TB (Supports PCIe 4.0 M.2 NVMe PCIe Gen4x4)`,
406
+                battery: "72 Whr - 6350 mAh",
407
+                gpu: [
408
+                    `<ul class="ps-3">
409
+                        <li>Intel® Iris® Xe Graphics</li>
410
+                        <li>Graphics Max Dynamic Frequency 1.30 GHz</li>
411
+                        <li>Graphics Output eDP 1.4b, DP 1.4a, HDMI 2.1</li>
412
+                        <li>Execution Units 80</li>
413
+                    </ul>`,
414
+                ],
415
+                ioports: [
416
+                    ` <ul class="ps-3">
417
+                        <li>2 x USB 3.2 Gen2 ports (Type A, 1 x powered USB port,AC/DC)</li>
418
+                        <li>1 x HDMITM output port (with HDCP)</li>
419
+                        <li>1 x 2-in-1 Audio jack (Headphone / Microphone)</li>
420
+                        <li>1 x DC-in jack with type-C</li>
421
+                        <li>1 x TF Card Reader</li>
422
+                        </ul>`,
423
+                ],
424
+                communication: "Intel® Dual Band Wi-Fi 5",
425
+                powersupply: "65W, 6A Type-C DC Adapter",
426
+                camera: "2 MP",
427
+                bodytype: "AD Metal",
428
+                weight: "1.8 Kg",
429
+            },
430
+            zenodualbook16: {
431
+                name: "Zeno Dualbook 16 inch",
432
+                Image: "./dist/assets/imgs/allin_imgs/preview-front1.png",
433
+                processor: `12th Gen Intel® Core<sup>TM</sup> i7`,
434
+                price5: "64,990",
435
+                memory: `16GB DDR4 RAM 3200 MHz`,
436
+                display: "16 inch 2K Primary 4k Secondary Dual Screen",
437
+                storage: `1TB (Read: 5100MB/sec, Write: 4500MB/sec) PCIe 4.0 M.2 NVMe PCIe Gen4x4 Upgradable upto 2TB (Supports PCIe 4.0 M.2 NVMe PCIe Gen4x4)`,
438
+                battery: "51 Whr - 3300 mAh",
439
+                gpu: [
440
+                    `<ul class="ps-3">
441
+                        <li>Intel® Iris® Xe Graphics</li>
442
+                        <li>Graphics Max Dynamic Frequency 1.30 GHz</li>
443
+                        <li>Graphics Output eDP 1.4b, DP 1.4a, HDMI 2.1</li>
444
+                        <li>Execution Units 80</li>
445
+                    </ul>`,
446
+                ],
447
+                ioports: [
448
+                    ` <ul class="ps-3">
449
+                        <li>2 x USB 3.2 Gen2 ports (Type A, 1 x powered USB port,AC/DC)</li>
450
+                        <li>1 x HDMITM output port (with HDCP)</li>
451
+                        <li>1 x 2-in-1 Audio jack (Headphone / Microphone)</li>
452
+                        <li>1 x TF Card Reader</li>
453
+                    </ul>`,
454
+                ],
455
+                communication: "Intel® Dual Band Wi-Fi 5",
456
+                powersupply: "65W, 6A DC Adapter",
457
+                camera: "2 MP",
458
+                bodytype: "Metal",
459
+                weight: "2.3 Kg",
460
+            },
461
+            zenodualbook21: {
462
+                name: "Zeno All-in-One 21.5 inch",
463
+                Image: "./dist/assets/imgs/allin_imgs/preview-front1.png",
464
+                processor: `12th Gen Intel® Core<sup>TM</sup> i5`,
465
+                processor1: `12th Gen Intel® Core<sup>TM</sup> i7`,
466
+                processor2: `12th Gen Intel® Core<sup>TM</sup> i9`,
467
+                price5: "33,990",
468
+                price7: "39,990",
469
+                price9: "49,990",
470
+                genaration: "12th Generation | 13th Generation",
471
+                memory: `16GB DDR4 RAM <span class="suggest_arc">3200 MHz</span>`,
472
+                display: "21.5 inch (1920*1080 FHD)",
473
+                storage: `512GB NVMe PCIe 4.0 <span class="suggest_arc">(Upgradable upto 2TB NVMe PCIe 4.0& 8TB SATA)</span>`,
474
+                gpu: [
475
+                    `<ul class="ps-3">
476
+                        <li>Intel® Iris® Xe Graphics</li>
477
+                        <li>Graphics Max Dynamic Frequency 1.30 GHz</li>
478
+                        <li>Graphics Output eDP 1.4b, DP 1.4a, HDMI 2.1</li>
479
+                        <li>Execution Units 80</li>
480
+                    </ul>`,
481
+                ],
482
+                ioports: [
483
+                    ` <ul class="ps-3">
484
+                        <li>2 x USB 3.0, 2 x USB 3.1, 2 x USB 1.0</li>
485
+                        <li>1 x HDMI<sup>TM</sup> output port (with HDCP)</li>
486
+                        <li>1 x 2-in-1 Audio jack (Headphone / Microphone)</li>
487
+                        <li>1 x 2-in-1 Audio jack (Microphone / S/PDIF optical)</li>
488
+                        <li>1 x RJ-45 LAN port</li>
489
+                        <li>1 x DC-in jack</li>
490
+                        <li>1 x VGA port</li>
491
+                        </ul>`,
492
+                ],
493
+                communication: "Intel® Dual Band Wi-Fi 6",
494
+                powersupply:
495
+                    "Full Range 150W AC adapter, AC in 100~240V, 50~60Hz, DC output 19.5V",
496
+                camera: "3 MP",
497
+                bodytype: "Plastic Body with Metal Stand",
498
+            },
499
+            zenodualbook23: {
500
+                name: "Zeno All-in-One 23.8 inch",
501
+                Image: "./dist/assets/imgs/allin_imgs/preview-front1.png",
502
+                processor: `12th Gen Intel® Core<sup>TM</sup> i3`,
503
+                processor1: `12th Gen Intel® Core<sup>TM</sup> i7`,
504
+                processor2: `12th Gen Intel® Core<sup>TM</sup> i9`,
505
+                price5: "39,990",
506
+                price7: "44,990",
507
+                price9: "59,990",
508
+                genaration: "12th Generation | 13th Generation",
509
+                memory: `16GB DDR4 RAM <span class="suggest_arc">3200 MHz</span>`,
510
+                display: "23.8 inch (1920*1080 FHD)",
511
+                storage: `1TB NVMe PCIe 4.0 <span class="suggest_arc">(Upgradable upto 2TB NVMe PCIe 4.0 & 8TB SATA)</span>`,
512
+                gpu: [
513
+                    `<ul class="ps-3">
514
+                        <li>Intel® Iris® Xe Graphics</li>
515
+                        <li>Graphics Max Dynamic Frequency 1.30 GHz</li>
516
+                        <li>Graphics Output eDP 1.4b, DP 1.4a, HDMI 2.1</li>
517
+                        <li>Execution Units 80</li>
518
+                    </ul>`,
519
+                ],
520
+                ioports: [
521
+                    ` <ul class="ps-3">
522
+                        <li>2 x USB 3.0, 2 x USB 3.1, 2 x USB 1.0</li>
523
+                        <li>1 x HDMI<sup>TM</sup> output port (with HDCP)</li>
524
+                        <li>1 2-in-1 Audio jack (Headphone / Microphone)</li>
525
+                        <li>1 x 2-in-1 Audio jack (Microphone / S/PDIF optical)</li>
526
+                        <li>1 x RJ-45 LAN port</li>
527
+                        <li>1 x DC-in jack</li>
528
+                        <li>1 x VGA port</li>
529
+                        </ul>`,
530
+                ],
531
+                communication: "Intel® Dual Band Wi-Fi 6",
532
+                powersupply:
533
+                    "Full Range 150W AC adapter, AC in 100~240V, 50~60Hz, DC output 19.5V",
534
+                camera: "3 MP",
535
+                bodytype: "Plastic Body with Metal Stand",
536
+            },
537
+        };
538
+
539
+        let product_catlogue_data = localStorage.getItem("product_catlogue_obj");
540
+        const data = JSON.parse(product_catlogue_data);
541
+        const name = data.product;
542
+        const obj_data = products[name];
543
+        console.log(obj_data);
544
+
545
+        $(".product_catlogue_name").html(obj_data.name);
546
+        $("#gen_1").html(obj_data.processor);
547
+        $("#gen_2").html(obj_data.processor1);
548
+        $("#gen_3").html(obj_data.processor2);
549
+        $(".product_catlogue_price").html(obj_data.price5);
550
+        $("#memeory_data").html(obj_data.memory);
551
+        $("#display_data").html(obj_data.display);
552
+        $("#storage_data").html(obj_data.storage);
553
+        $("#product_battery").html(obj_data.battery);
554
+        $("#product_weight").html(obj_data.weight);
555
+        $("#product_communication").html(obj_data.communication);
556
+        $("#gpu").html(obj_data.gpu[0]);
557
+        $("#ioports").html(obj_data.ioports[0]);
558
+        $("#power").html(obj_data.powersupply);
559
+        $("#body_type").html(obj_data.bodytype);
560
+        $("#camera").html(obj_data.camera);
561
+        $(".productDetailsShadow").find("img").attr("src",obj_data.Image);
562
+        $("#gen_2").click(function () {
563
+            $(this).addClass("borderselector");
564
+            $("#gen_1").removeClass("borderselector");
565
+            $("#gen_3").removeClass("borderselector");
566
+            $(".product_catlogue_price").html(obj_data.price7);
567
+        });
568
+        $("#gen_1").click(function () {
569
+            $(this).addClass("borderselector");
570
+            $("#gen_2").removeClass("borderselector");
571
+            $("#gen_3").removeClass("borderselector");
572
+            $(".product_catlogue_price").html(obj_data.price5);
573
+        });
574
+        $("#gen_3").click(function () {
575
+            $(this).addClass("borderselector");
576
+            $("#gen_2").removeClass("borderselector");
577
+            $("#gen_1").removeClass("borderselector");
578
+            $(".product_catlogue_price").html(obj_data.price9);
579
+        });
580
+        debugger;
581
+        let battery_len = $("#product_battery").text();
582
+        let weight_len = $("#product_weight").text();
583
+        let processor_len = $("#gen_3").text();
584
+        let processor_len2 = $("#gen_2").html();
585
+        if (battery_len == "") {
586
+            $("#product_battery").parents(".row").addClass("d-none");
587
+        }
588
+        if (weight_len == "") {
589
+            $("#product_weight").parents(".row").addClass("d-none");
590
+        }
591
+        if (processor_len == "") {
592
+            $("#gen_3").addClass("d-none");
593
+        }
594
+        if (processor_len2 == "") {
595
+            $("#gen_2").addClass("d-none");
596
+        }
597
+    </script>
598
+</body>
599
+
600
+</html>

Загрузка…
Отмена
Сохранить