sachin.ganesh
/
anwi_website
Beobachten 1
Favorisieren 0
Fork 0
Code Issues 0 Pull-Requests 0 Releases 0 Wiki Aktivität
Quellcode durchsuchen

.

ananthvijay vor 2 Jahren
Ursprung
310c71a60c
Commit
c6815fb21d
2 geänderte Dateien mit 952 neuen und 0 gelöschten Zeilen
Geteilte Ansicht Diff-Statistik anzeigen
  1. 601
    0
      index.html
  2. 351
    0
      shopping-cart.html

+ 601
- 0
index.html Datei anzeigen 

@@ -0,0 +1,601 @@
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 
+    <title>Anwi</title>
15 
+</head>
16 
+
17 
+<body>
18 
+     <!-- main-body -->
19 
+    <main class="home-main-container">
20 
+        <section class="hero-banner">
21 
+            <header>
22 
+                <!-- navbar -->
23 
+                <div id="navbar-head"></div>
24 
+                <!-- end-navbar -->
25 
+            </header>
26 
+            <hr class="mx-5">
27 
+            <!-- banner-start -->
28 
+            <div class="container">
29 
+                <section class="banner-wrapper ">
30 
+                    <div class="banner-main-container">
31 
+                        <div class="col-md-6 mt-7">
32 
+                            <h5 class="mb-4">AIO24 - 1700N</h5>
33 
+                            <h1 class="banner_heading_4 mb-4">All-in-One</h1>
34 
+                            <h6 class="subtitle_1 mb-4">Extraordinary Performance and Unparalleled Flexibility</h6>
35 
+                            <a class="btn btn-dark button_dark" href="#">Know
36 
+                                    More</a>
37 
+                        </div>
38 
+                        <div class="col-md-12 d-block d-sm-none">
39 
+                            <img src="./dist/assets/imgs/Home/all-in-one-mobile.png" class="img-fluid" alt="mobile-all-in-one">
40 
+                        </div>
41 
+                    </div>
42 
+                </section>
43 
+                <section class="offer-main-sec py-2 mb-3">
44 
+                    <div class="offer-sec bg-white shadow rounded ms-auto
45 
+                            col-md-4">
46 
+                        <p class="py-3 text-center satoshi_font">Flat <span class="fw-bold"> 4,500</span> Instant Discount with HDFC Credit Card</p>
47 
+                    </div>
48 
+                </section>
49 
+                <div class="col-5 d-block d-sm-none">
50 
+                    <a class="btn btn-dark button_dark mb-4" href="#">Know
51 
+                        More</a>
52 
+                    </div>
53 
+            </div>
54 
+        </section>
55 
+        <!-- end-banner -->
56 
+        <!-- partners -->
57 
+        <section class="aw-partners sec-space-1">
58 
+            <div class="container d-none d-sm-block">
59 
+                <div class="row g-0 justify-content-center
60 
+                        align-items-center px-4 text-center">
61 
+                    <div class="col-md-3 sec-space-3"><img src="./dist/assets/imgs/Home/aw-partner-1.png" class="
62 
+                                img-fluid" alt="partners-img"></div>
63 
+                    <div class="col-md-3 sec-space-3"><img src="./dist/assets/imgs/Home/aw-partner-2.png" class="
64 
+                                img-fluid" alt="partners-img"></div>
65 
+                    <div class="col-md-3 sec-space-3"><img src="./dist/assets/imgs/Home/aw-partner-3.png" class="
66 
+                                img-fluid" alt="partners-img"></div>
67 
+                    <div class="col-md-3 sec-space-3"><img src="./dist/assets/imgs/Home/aw-partner-4.png" class="
68 
+                                img-fluid" alt="partners-img"></div>
69 
+
70 
+                </div>
71 
+            </div>
72 
+            <div class="d-block d-sm-none">
73 
+                <div class="d-flex g-0 justify-content-center
74 
+                        align-items-center text-center">
75 
+                    <div class="col-md-6 sec-space-3"><img src="./dist/assets/imgs/Home/moobile-partner-img-1.png" class="
76 
+                                img-fluid" alt="partners-img"></div>
77 
+                    <div class="col-md-6 ms-5 sec-space-3"><img src="./dist/assets/imgs/Home/moobile-partner-img-2.png" class="
78 
+                                img-fluid" alt="partners-img"></div>
79 
+                </div>
80 
+                <div class="d-flex g-0 justify-content-center
81 
+                        align-items-center text-center">
82 
+                    <div class="col-md-6 sec-space-3 windows-icon-mb"><img src="./dist/assets/imgs/Home/moobile-partner-img-3.png" class="
83 
+                                img-fluid" alt="partners-img"></div>
84 
+                    <div class="col-md-6 ms-5 sec-space-3"><img src="./dist/assets/imgs/Home/moobile-partner-img-4.png" class="
85 
+                                img-fluid" alt="partners-img"></div>
86 
+                </div>
87 
+            </div>
88 
+        </section>
89 
+        <section class="products-container sec-space-1">
90 
+            <div class="products-main-container">
91 
+                <div class="row g-0">
92 
+                    <div class="col-md-6 consumer-prd position-relative"><img class="img-fluid" src="./dist/assets/imgs/Home/consumer-product.png" alt="consumer-product">
93 
+                        <div class="product-heading position-absolute top-0
94 
+                                w-100">
95 
+                            <div class="d-flex align-items-center m-4">
96 
+                                <span class="text-start">
97 
+                                        <h4 class="text-white fw-bold">Consumer
98 
+                                            Product</h4>
99 
+                                    </span>
100 
+                                <span class="text-end ms-auto">
101 
+                                        <h5 class="text-white fw-bold"><svg
102 
+                                                xmlns="http://www.w3.org/2000/svg"
103 
+                                                width="45"
104 
+                                                height="45"
105 
+                                                fill="#fff" class="bi
106 
+                                                bi-arrow-right-circle"
107 
+                                                viewBox="0
108 
+                                                0 16 16">
109 
+                                                <path fill-rule="evenodd" d="M1
110 
+                                                    8a7 7 0 1 0 14 0A7 7 0 0
111 
+                                                    0 1 8zm15 0A8 8 0 1 1 0 8a8
112 
+                                                    8 0 0 1 16 0zM4.5 7.5a.5.5
113 
+                                                    0 0 0 0 1h5.793l-2.147
114 
+                                                    2.146a.5.5 0 0 0
115 
+                                                    .708.708l3-3a.5.5 0 0 0
116 
+                                                    0-.708l-3-3a.5.5 0 1
117 
+                                                    0-.708.708L10.293 7.5H4.5z"
118 
+                                                    />
119 
+                                                </svg></h5>
120 
+                                        </span>
121 
+                            </div>
122 
+                        </div>
123 
+                    </div>
124 
+                    <div class="col-md-6 enterprise-prd
125 
+                                position-relative"><img src="./dist/assets/imgs/Home/enterprise-product.png" alt="enterprise-product" class="img-fluid">
126 
+                        <div class="product-heading position-absolute
127 
+                                    bottom-0 w-100">
128 
+                            <div class="d-flex align-items-center m-4">
129 
+                                <span class="text-start">
130 
+                                            <h4 class="text-white fw-bold">Enterprise
131 
+                                                Product</h4>
132 
+                                        </span>
133 
+                                <span class="text-end ms-auto">
134 
+                                            <h5 class="text-white
135 
+                                                fw-bold"><svg
136 
+                                                    xmlns="http://www.w3.org/2000/svg"
137 
+                                                    width="45" height="45"
138 
+                                                    fill="#fff" class="bi
139 
+                                                    bi-arrow-right-circle"
140 
+                                                    viewBox="0 0 16 16">
141 
+                                                    <path fill-rule="evenodd"
142 
+                                                        d="M1 8a7 7 0 1 0 14 0A7
143 
+                                                        7 0
144 
+                                                        0
145 
+                                                        0 1 8zm15 0A8 8 0 1 1 0
146 
+                                                        8a8 8 0 0 1 16 0zM4.5
147 
+                                                        7.5a.5.5
148 
+                                                        0 0 0 0 1h5.793l-2.147
149 
+                                                        2.146a.5.5 0 0 0
150 
+                                                        .708.708l3-3a.5.5 0 0 0
151 
+                                                        0-.708l-3-3a.5.5 0 1
152 
+                                                        0-.708.708L10.293
153 
+                                                        7.5H4.5z" />
154 
+                                                    </svg></h5>
155 
+                                            </span>
156 
+                            </div>
157 
+                        </div>
158 
+                    </div>
159 
+                </div>
160 
+            </div>
161 
+            </div>
162 
+        </section>
163 
+        <!-- end-partners -->
164 
+        <!-- features -->
165 
+        <section class="main-features-container sec-space-1">
166 
+            <div class="main-features-heading">
167 
+                <div class="container ">
168 
+                    <div class="justify-content-between
169 
+                                align-items-center d-block d-sm-flex">
170 
+                        <div class="col-md-6 mobile-text-center">
171 
+                            <h1>Now</h1>
172 
+                            <h1> <span class="fw-bold"> Presenting</span></h1>
173 
+                        </div>
174 
+                        <div class="col-md-6">
175 
+                            <h5 class="satoshi_font fw-normal">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Blanditiis repudiandae eos inventore necessitatibus rem nostrum placeat fugit repellat. Similique provident reprehenderit quas cupiditate.</h5>
176 
+                        </div>
177 
+                    </div>
178 
+                    <div class="aw-main-features sec-space-1">
179 
+                        <div class=" d-block d-sm-flex
180 
+                                    justify-content-around">
181 
+                            <div class="aw-main-features-toggle">
182 
+                                <div class="aw-main-features-toggler-tab
183 
+                                            d-none">
184 
+                                    <div class="feature-sno">
185 
+                                        <h3 class="border-bottom
186 
+                                                    border-dark
187 
+                                                    satoshi_font">
188 
+                                            01
189 
+                                        </h3>
190 
+                                    </div>
191 
+                                    <div class="aw-feature-name
192 
+                                                satoshi_font">
193 
+                                        <h5 class="satoshi_font">Advanced Cooling
194 
+                                        </h5>
195 
+                                    </div>
196 
+                                </div>
197 
+
198 
+                                <div class="feature-bg-image
199 
+                                            position-relative me-3" style="max-width: 30rem;">
200 
+                                    <img src="https://mdbcdn.b-cdn.net/img/new/standard/city/053.webp" class="w-100" />
201 
+                                    <div class="position-absolute
202 
+                                                bottom-0 text-light w-100">
203 
+                                        <p class="p-2 m-0">01.</p>
204 
+                                        <div class="d-flex
205 
+                                                    justify-content-between" style="background-color:
206 
+                                                    rgba(0,
207 
+                                                    0, 0, 0.5)">
208 
+                                            <p class="p-2 m-0">Advanced Cooling
209 
+                                            </p>
210 
+                                            <button type="button" class="btn
211 
+                                                        btn-primary
212 
+                                                        rounded-0 satoshi_font">Learn
213 
+                                                        More</button>
214 
+                                        </div>
215 
+                                    </div>
216 
+                                </div>
217 
+                            </div>
218 
+                            <div class="bg-light p-3
219 
+                                        aw-main-features-toggle">
220 
+                                <div class="aw-main-features-toggler-tab">
221 
+                                    <div class="feature-sno">
222 
+                                        <h3 class="border-bottom
223 
+                                                    border-dark
224 
+                                                    satoshi_font">
225 
+                                            02
226 
+                                        </h3>
227 
+                                    </div>
228 
+                                    <div class="aw-feature-name
229 
+                                                satoshi_font">
230 
+                                        <h5 class="satoshi_font">The Neverless
231 
+                                        </h5>
232 
+                                    </div>
233 
+                                </div>
234 
+
235 
+                                <div class="feature-bg-image
236 
+                                            position-relative me-3 d-none" style="max-width: 30rem;">
237 
+                                    <img src="https://mdbcdn.b-cdn.net/img/new/standard/city/053.webp" class="w-100" />
238 
+                                    <div class="position-absolute
239 
+                                                bottom-0 text-light w-100">
240 
+                                        <p class="p-2 m-0">02.</p>
241 
+                                        <div class="d-flex
242 
+                                                    justify-content-between" style="background-color:
243 
+                                                    rgba(0,
244 
+                                                    0, 0, 0.5)">
245 
+                                            <p class="p-2 m-0">The Neverless
246 
+                                            </p>
247 
+                                            <button type="button" class="btn
248 
+                                                        btn-primary
249 
+                                                        rounded-0 satoshi_font">Learn
250 
+                                                        More</button>
251 
+                                        </div>
252 
+                                    </div>
253 
+                                </div>
254 
+                            </div>
255 
+                            <div class="bg-light p-3
256 
+                                        aw-main-features-toggle">
257 
+                                <div class="aw-main-features-toggler-tab">
258 
+                                    <div class="feature-sno">
259 
+                                        <h3 class="border-bottom
260 
+                                                    border-dark
261 
+                                                    satoshi_font">
262 
+                                            03
263 
+                                        </h3>
264 
+                                    </div>
265 
+                                    <div class="aw-feature-name
266 
+                                                satoshi_font">
267 
+                                        <h5 class="satoshi_font">Graphene Colling
268 
+                                        </h5>
269 
+                                    </div>
270 
+                                </div>
271 
+
272 
+                                <div class="feature-bg-image
273 
+                                            position-relative me-3 d-none" style="max-width: 30rem;">
274 
+                                    <img src="https://mdbcdn.b-cdn.net/img/new/standard/city/053.webp" class="w-100" />
275 
+                                    <div class="position-absolute
276 
+                                                bottom-0 text-light w-100">
277 
+                                        <p class="p-2 m-0">03.</p>
278 
+                                        <div class="d-flex
279 
+                                                    justify-content-between" style="background-color:
280 
+                                                    rgba(0,
281 
+                                                    0, 0, 0.5)">
282 
+                                            <p class="p-2 m-0">Graphene Colling
283 
+                                            </p>
284 
+                                            <button type="button" class="btn
285 
+                                                        btn-primary
286 
+                                                        rounded-0 satoshi_font">Learn
287 
+                                                        More</button>
288 
+                                        </div>
289 
+                                    </div>
290 
+                                </div>
291 
+                            </div>
292 
+                            <div class="bg-light p-3
293 
+                                        aw-main-features-toggle">
294 
+                                <div class="aw-main-features-toggler-tab">
295 
+                                    <div class="feature-sno">
296 
+                                        <h3 class="border-bottom
297 
+                                                    border-dark
298 
+                                                    satoshi_font">
299 
+                                            04
300 
+                                        </h3>
301 
+                                    </div>
302 
+                                    <div class="aw-feature-name
303 
+                                                satoshi_font">
304 
+                                        <h5 class="satoshi_font">Price that pays off
305 
+                                        </h5>
306 
+                                    </div>
307 
+                                </div>
308 
+
309 
+                                <div class="feature-bg-image
310 
+                                            position-relative me-3 d-none" style="max-width: 30rem;">
311 
+                                    <img src="https://mdbcdn.b-cdn.net/img/new/standard/city/053.webp" class="w-100" />
312 
+                                    <div class="position-absolute
313 
+                                                bottom-0 text-light w-100">
314 
+                                        <p class="p-2 m-0">04.</p>
315 
+                                        <div class="d-flex
316 
+                                                    justify-content-between" style="background-color:
317 
+                                                    rgba(0,
318 
+                                                    0, 0, 0.5)">
319 
+                                            <p class="p-2 m-0">Price that pays off
320 
+                                            </p>
321 
+                                            <button type="button" class="btn
322 
+                                                        btn-primary
323 
+                                                        rounded-0 satoshi_font">Learn
324 
+                                                        More</button>
325 
+                                        </div>
326 
+                                    </div>
327 
+                                </div>
328 
+                            </div>
329 
+
330 
+                        </div>
331 
+                    </div>
332 
+                </div>
333 
+            </div>
334 
+        </section>
335 
+        <!-- end-features -->
336 
+        <section class="star-products sec-space-1">
337 
+            <div class="container">
338 
+                <div class="what-make-us-diff-heading ">
339 
+                    <h1 class="text-center">Our Star Products</h1>
340 
+                </div>
341 
+                <div class="owl-carousel owl-theme sec-space-1
342 
+                            star-products-img-sec">
343 
+                    <div class="item">
344 
+                        <img src="./dist/assets/imgs/Home/product-1.png" alt="anwi-star-product">
345 
+                    </div>
346 
+                    <div class="item">
347 
+                        <img src="./dist/assets/imgs/Home/product-2.png" alt="anwi-star-product">
348 
+                    </div>
349 
+                    <div class="item">
350 
+                        <img src="./dist/assets/imgs/Home/product-3.png" alt="anwi-star-product">
351 
+                    </div>
352 
+                    <div class="item">
353 
+                        <img src="./dist/assets/imgs/Home/product-1.png" alt="anwi-star-product">
354 
+                    </div>
355 
+                    <div class="item">
356 
+                        <img src="./dist/assets/imgs/Home/product-2.png" alt="anwi-star-product">
357 
+                    </div>
358 
+                    <div class="item">
359 
+                        <img src="./dist/assets/imgs/Home/product-3.png" alt="anwi-star-product">
360 
+                    </div>
361 
+                    <div class="item">
362 
+                        <img src="./dist/assets/imgs/Home/product-1.png" alt="anwi-star-product">
363 
+                    </div>
364 
+                    <div class="item">
365 
+                        <img src="./dist/assets/imgs/Home/product-2.png" alt="anwi-star-product">
366 
+                    </div>
367 
+                    <div class="item">
368 
+                        <img src="./dist/assets/imgs/Home/product-3.png" alt="anwi-star-product">
369 
+                    </div>
370 
+                </div>
371 
+            </div>
372 
+        </section>
373 
+        <!-- star-products-end -->
374 
+        <!-- what make us different -->
375 
+        <section class="what-make-us-diff-sec sec-space-1">
376 
+            <div class="container">
377 
+                <div class="what-make-us-diff-heading ">
378 
+                    <h1 class="text-center">What Make us Different</h1>
379 
+                </div>
380 
+                <div class="row row-cols-1 row-cols-md-3 g-4
381 
+                            sec-space-2">
382 
+                    <div class="col">
383 
+                        <div class="card h-100 border-0">
384 
+                            <img src="./dist/assets/imgs/Home/dark-circle.png" class="img-fluid mx-auto w-25" alt="different-img-1">
385 
+                            <div class="card-body">
386 
+                                <h5 class="card-title text-center">Solution Focus
387 
+                                </h5>
388 
+                                <p class="card-text text-center
389 
+                                            satoshi_font">This card has supporting text below as a natural lead-in to additional content.
390 
+                                </p>
391 
+                            </div>
392 
+                        </div>
393 
+                    </div>
394 
+                    <div class="col">
395 
+                        <div class="card h-100 border-0">
396 
+                            <img src="./dist/assets/imgs/Home/dark-circle.png" class="img-fluid mx-auto w-25" alt="different-img-2">
397 
+                            <div class="card-body">
398 
+                                <h5 class="card-title text-center">Our People & Culture</h5>
399 
+                                <p class="card-text text-center
400 
+                                            satoshi_font">This card has supporting text below as a natural lead-in to additional content.
401 
+                                </p>
402 
+                            </div>
403 
+                        </div>
404 
+                    </div>
405 
+                    <div class="col">
406 
+                        <div class="card h-100 border-0">
407 
+                            <img src="./dist/assets/imgs/Home/dark-circle.png" class="img-fluid mx-auto w-25" alt="different-img-3">
408 
+                            <div class="card-body">
409 
+                                <h5 class="card-title text-center">Design Lead Approch</h5>
410 
+                                <p class="card-text text-center
411 
+                                            satoshi_font">This card has supporting text below as a natural lead-in to additional content.
412 
+                                </p>
413 
+                            </div>
414 
+                        </div>
415 
+                    </div>
416 
+                </div>
417 
+            </div>
418 
+        </section>
419 
+        <!-- end-what make us different -->
420 
+        <!-- out-of-world -->
421 
+        <section class="out-of-world sec-space-1 ">
422 
+            <div class="container">
423 
+                <div class="card rounded-0">
424 
+                    <div class="row g-0 align-items-center pt-4
425 
+                                mobile-text-center">
426 
+                        <div class="col-md-4 ms-auto">
427 
+                            <div class="card-body text-white mb-5">
428 
+                                <h1 class="card-title fw-700 ">Out of World
429 
+                                </h1>
430 
+                                <p class="card-text satoshi_font">Anwi Systems excels the performance with open hardware enabling customers to use memory and storage of their choices.
431 
+                                </p>
432 
+                                <a class="btn btn-light button_dark
433 
+                                            satoshi_font fw-600" href="#">Learn
434 
+                                            More</a>
435 
+                            </div>
436 
+                        </div>
437 
+                        <div class="col-md-6 ms-auto">
438 
+                            <img src="./dist/assets/imgs/Home/out-of-world.png" class="img-fluid rounded-start" alt="...">
439 
+                        </div>
440 
+                    </div>
441 
+                </div>
442 
+            </div>
443 
+        </section>
444 
+        <!-- end-out-of-world -->
445 
+        <!-- support-sec -->
446 
+        <section class="aw-support-sec">
447 
+            <div class="container">
448 
+                <div class="aw-support-sec-main-container pb-5
449 
+                            position-relative">
450 
+                    <div class="row g-0 mx-5">
451 
+                        <div class="col-md-4 my-4 border-dark
452 
+                                    border-end
453 
+                                    ">
454 
+                            <div class="support-sec-heading px-5">
455 
+                                <p class="fw-bold"> Hassel-free Replacement
456 
+                                </p>
457 
+                                <small class="satoshi_font">10-day
458 
+                                            easy
459 
+                                            replacement policy
460 
+                                            on
461 
+                                            anwisystems.com</small>
462 
+                            </div>
463 
+                        </div>
464 
+                        <div class="col-md-4 my-4 border-dark
465 
+                                    border-end
466 
+                                    ">
467 
+                            <div class="support-sec-heading px-5">
468 
+                                <p class="fw-bold"> Hassel-free Replacement
469 
+                                </p>
470 
+                                <small class="satoshi_font">10-day
471 
+                                            easy
472 
+                                            replacement policy
473 
+                                            on
474 
+                                            anwisystems.com</small>
475 
+                            </div>
476 
+                        </div>
477 
+                        <div class="col-md-4 my-4">
478 
+                            <div class="support-sec-heading px-5">
479 
+                                <p class="fw-bold">100 % Secure Payments
480 
+                                </p>
481 
+                                <small class="satoshi_font">we
482 
+                                            support
483 
+                                            cards, Wallets, EMI
484 
+                                            and Cash on Deliver</small>
485 
+                            </div>
486 
+                        </div>
487 
+                    </div>
488 
+                    <!-- news-letter -->
489 
+                    <div class="news-letter-sec position-absolute
490 
+                                w-100">
491 
+                        <div class="row">
492 
+                            <div class="card col-md-8 mx-auto py-2
493 
+                                        rounded-0 shadow">
494 
+                                <div class="card-body px-5">
495 
+                                    <div class="align-items-center
496 
+                                                d-block d-sm-flex
497 
+                                                justify-content-center">
498 
+                                        <div>
499 
+                                            <h6 class="fw-bold">Sign Up to Our Newsletter</h2>
500 
+                                        </div>
501 
+                                        <div class="ms-auto">
502 
+                                            <a class="btn btn-dark
503 
+                                                        button_dark
504 
+                                                        satoshi_font d-flex
505 
+                                                        align-items-center
506 
+                                                        fw-600"><input type="text" class="bg-transparent
507 
+                                                            news-letter-email
508 
+                                                            text-white
509 
+                                                            border-0" placeholder="Email
510 
+                                                            Address" /> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="#fff" class="bi
511 
+                                                            bi-arrow-right
512 
+                                                            me-3" viewBox="0
513 
+                                                            0 16 16">
514 
+                                                            <path
515 
+                                                                fill-rule="evenodd"
516 
+                                                                d="M1 8a.5.5
517 
+                                                                0 0
518 
+                                                                1
519 
+                                                                .5-.5h11.793l-3.147-3.146a.5.5
520 
+                                                                0 0 1
521 
+                                                                .708-.708l4
522 
+                                                                4a.5.5 0 0 1
523 
+                                                                0
524 
+                                                                .708l-4
525 
+                                                                4a.5.5 0
526 
+                                                                0
527 
+                                                                1-.708-.708L13.293
528 
+                                                                8.5H1.5A.5.5
529 
+                                                                0 0
530 
+                                                                1 1 8z"/>
531 
+                                                            </svg></a>
532 
+                                        </div>
533 
+                                    </div>
534 
+                                </div>
535 
+                            </div>
536 
+                        </div>
537 
+
538 
+                    </div>
539 
+                    <!-- end-news-letter -->
540 
+                </div>
541 
+            </div>
542 
+        </section>
543 
+        <!-- end-support-sec -->
544 
+    </main>
545 
+    <!-- footer -->
546 
+    <div id="footer-head" class="sec-space-1"></div>
547 
+    <!-- end-footer -->
548 
+    <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
549 
+    <script src="./dist/Js/jquery.min.js"></script>
550 
+    <script src="./libs/Owlcarousel/Js/owl.carousel.min.js"></script>
551 
+    <script src="./dist/Js/navbar.js"></script>
552 
+    <script src="./dist/Js/footer.js"></script>
553 
+    <script>
554 
+        $('.owl-carousel.star-products-img-sec').owlCarousel({
555 
+            loop: true,
556 
+            margin: 10,
557 
+            nav: true,
558 
+            navText: ["<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>", "<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>"],
559 
+            responsive: {
560 
+                0: {
561 
+                    items: 1
562 
+                },
563 
+                600: {
564 
+                    items: 3
565 
+                },
566 
+                1000: {
567 
+                    items: 5
568 
+                }
569 
+            }
570 
+        })
571 
+        $(".aw-main-features-toggle").click(function() {
572 
+            $('.feature-bg-image').addClass('d-none');
573 
+            $(".aw-main-features-toggle").addClass('p-3 bg-light')
574 
+            $('.aw-main-features-toggler-tab').removeClass('d-none');
575 
+            let toggleTab = $(this).find('.feature-bg-image:visible').length
576 
+            if (toggleTab) {
577 
+                $(this).find('.feature-bg-image').addClass('d-none');
578 
+                $(this).find('.feature-bg-image').animate({
579 
+                    width: "toggle"
580 
+                }, 500);
581 
+            } else {
582 
+                $(this).find('.aw-main-features-toggler-tab').addClass('d-none');
583 
+                $(this).find('.feature-bg-image').removeClass('d-none')
584 
+                $(this).find('.feature-bg-image').show();
585 
+                if (window.width > 768) {
586 
+                    $(this).find('.feature-bg-image').animate({
587 
+                        width: "30rem"
588 
+                    }, 500);
589 
+                } else {
590 
+                    $(this).find('.feature-bg-image').animate({
591 
+                        width: "auto"
592 
+                    }, 500);
593 
+
594 
+                }
595 
+                $(this).removeClass('p-3 bg-light')
596 
+            }
597 
+        });
598 
+    </script>
599 
+</body>
600 
+
601 
+</html>

+ 351
- 0
shopping-cart.html Datei anzeigen 

@@ -0,0 +1,351 @@
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 
+    <title>Anwi</title>
15 
+</head>
16 
+
17 
+<body>
18 
+    <!-- main-body -->
19 
+    <main class="shopping-cart-main-container">
20 
+        <section class="bg-white">
21 
+            <header>
22 
+                <!-- navbar -->
23 
+                <div id="navbar-head" class="bg-white"></div>
24 
+                <!-- end-navbar -->
25 
+            </header>
26 
+            <hr class="mx-5">
27 
+            <div class="cart-sec-highlighter d-none d-sm-block">
28 
+                <div class="container">
29 
+                    <div class="row align-items-center py-4 justify-content-around">
30 
+                        <div class="col-md-2">
31 
+                            <h5> 1. Shopping-cart </h5>
32 
+                        </div>
33 
+                        <div class="col-md-2 border-bottom border-dark"></div>
34 
+                        <div class="col-md-2">
35 
+                            <h5 class="text-muted">2. Check-out </h5>
36 
+                        </div>
37 
+                        <div class="col-md-2 border-bottom border-dark"></div>
38 
+                        <div class="col-md-2">
39 
+                            <h5 class="text-muted">3. Review </h5>
40 
+                        </div>
41 
+                    </div>
42 
+                </div>
43 
+            </div>
44 
+        </section>
45 
+        <div class="shopping-cart-details">
46 
+            <div class="container pt-4">
47 
+                <div class="row align-items-center bg-white rounded d-none d-sm-flex shopping-cart-details-row-1 ">
48 
+                    <div class="col-md-2">
49 
+                        <h6 class="text-center">All</h6>
50 
+                    </div>
51 
+                    <div class="col-md-4">
52 
+                        <h6 class="text-center">Product Name</h6>
53 
+                    </div>
54 
+                    <div class="col-md-2">
55 
+                        <h6>Price</h6>
56 
+                    </div>
57 
+                    <div class="col-md-2">
58 
+                        <h6>Quantity</h6>
59 
+                    </div>
60 
+                    <div class="col-md-2">
61 
+                        <h6>Total</h6>
62 
+                    </div>
63 
+                </div>
64 
+                <div class="row bg-white mt-3 rounded py-3 d-none d-sm-flex ">
65 
+                    <div class="col-md-2"><img src="./dist/assets/imgs/Home/Shopping-cart-item-img.png" alt="shopping-cart-item-img" class="img-fluid"></div>
66 
+                    <div class="col-md-4">
67 
+                        <p class="mb-0">Mi NoteBook Pro Lustrous Gray i5 11th Gen + Iris Xe Graphics 16GB RAM + 512GB NVMe SSD.</p>
68 
+                        <small>Xiaomi Technology India Private Limited</small>
69 
+                        <span class="badge text-bg-warning">8 Offers ></span>
70 
+                    </div>
71 
+                    <div class="col-md-2">
72 
+                        <p><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16
73 
+                                    16">
74 
+                                <path d="M4 3.06h2.726c1.22 0 2.12.575 2.325
75 
+                                        1.724H4v1.051h5.051C8.855 7.001 8 7.558
76 
+                                        6.788 7.558H4v1.317L8.437 14h2.11L6.095
77 
+                                        8.884h.855c2.316-.018 3.465-1.476
78 
+                                        3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z" />
79 
+                            </svg> 54,999</p>
80 
+                    </div>
81 
+                    <div class="col-md-2">
82 
+                        <p>Max 1 per order</p>
83 
+                    </div>
84 
+                    <div class="col-md-2">
85 
+                        <div class="d-flex justify-content-between">
86 
+                            <p class="fw-bold"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">
87 
+                                <path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"/>
88 
+                              </svg> 54,999</p>
89 
+                            <span>x</span>
90 
+                        </div>
91 
+                    </div>
92 
+                    <div class="warrenty-sec px-3 sec-space-4">
93 
+                        <div class="row align-items-center border
94 
+                                        py-2 mx-4">
95 
+                            <div class="col-md-8">
96 
+                                <p class="mb-0"> <img src="./dist/assets/imgs/Home/Anwi-cart-logo.png" alt="shopping-cart-item-img"> Anwi Extended Warranty 2 Year: Protect your Laptop for another 2 years Learn more </p>
97 
+                            </div>
98 
+                            <div class="col-md-3">
99 
+                                <p class="text-end mb-0"> ₹3,200 (2 year)
100 
+                                </p>
101 
+                            </div>
102 
+                        </div>
103 
+                        <div class="row align-items-center border
104 
+                                        py-2 mx-4 mt-3">
105 
+                            <div class="col-md-8">
106 
+                                <p class="mb-0"> <img src="./dist/assets/imgs/Home/Anwi-cart-logo-2.png" alt="shopping-cart-item-img"> Anwi Extended Warranty 2 Year: Protect your Laptop for another 2 years Learn more </p>
107 
+                            </div>
108 
+                            <div class="col-md-3">
109 
+                                <p class="text-end mb-0"> ₹2,900 (2 year)
110 
+                                </p>
111 
+                            </div>
112 
+                        </div>
113 
+                    </div>
114 
+                </div>
115 
+                <div class="bg-white rounded  d-block d-sm-none ">
116 
+                    <div class="card mb-3" style="max-width: 540px;">
117 
+                        <div class="mx-auto mobile-cart-img">
118 
+                            <img src="./dist/assets/imgs/Home/Shopping-cart-item-img.png" alt="shopping-cart-item-img" class="img-fluid">
119 
+                        </div>
120 
+                        <div class="d-flex align-items-center g-0">
121 
+                            <div class="col-md-8">
122 
+                                <div class="card-body">
123 
+                                    <p class="mb-0"> Mi NoteBook Pro Lustrous Gray i5 11th Gen + Iris Xe Graphics 16GB RAM + 512GB NVMe SSD.</p>
124 
+                                    <small>Xiaomi Technology India Private Limited</small>
125 
+                                    <span class="badge text-bg-warning">8 Offers ></span>
126 
+                                </div>
127 
+                            </div>
128 
+                        </div>
129 
+                        <div class="card-footer bg-white border-0">
130 
+                            <div class="d-flex justify-content-between">
131 
+                                <p><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16
132 
+                                16">
133 
+                            <path d="M4 3.06h2.726c1.22 0 2.12.575 2.325
134 
+                                    1.724H4v1.051h5.051C8.855 7.001 8 7.558
135 
+                                    6.788 7.558H4v1.317L8.437 14h2.11L6.095
136 
+                                    8.884h.855c2.316-.018 3.465-1.476
137 
+                                    3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z" />
138 
+                        </svg> 54,999</p>
139 
+                                <p>Max 1 per order</p>
140 
+                                <p>x</p>
141 
+                            </div>
142 
+                        </div>
143 
+                        <div class="warrenty-sec sec-space-4">
144 
+                            <div class="row align-items-center border
145 
+                                            py-2 mx-4">
146 
+                                <div class="col-md-8">
147 
+                                    <p class="mb-0"> <img src="./dist/assets/imgs/Home/Anwi-cart-logo.png" alt="shopping-cart-item-img"> Anwi Extended Warranty 2 Year: Protect your Laptop for another 2 years Learn more </p>
148 
+                                </div>
149 
+                                <div class="col-md-3">
150 
+                                    <p class="text-end mb-0"> ₹3,200 (2 year)
151 
+                                    </p>
152 
+                                </div>
153 
+                            </div>
154 
+                            <div class="row align-items-center border
155 
+                                            py-2 mx-4">
156 
+                                <div class="col-md-8">
157 
+                                    <p class="mb-0"> <img src="./dist/assets/imgs/Home/Anwi-cart-logo-2.png" alt="shopping-cart-item-img"> Anwi Extended Warranty 2 Year: Protect your Laptop for another 2 years Learn more </p>
158 
+                                </div>
159 
+                                <div class="col-md-3">
160 
+                                    <p class="text-end mb-0"> ₹2,900 (2 year)
161 
+                                    </p>
162 
+                                </div>
163 
+                            </div>
164 
+                        </div>
165 
+                    </div>
166 
+                </div>
167 
+            </div>
168 
+            <div class="alert-display-sec position-fixed w-100 bottom-0 ">
169 
+                <div class="alert alert-white border
170 
+                                border-end-0 border-start-0 mb-0 rounded-0
171 
+                                alert-dismissible fade show" role="alert">
172 
+                    <div class="container">
173 
+                        <div class="row align-items-center">
174 
+                            <div class="col-md-7">
175 
+                                <div class="d-flex align-items-center ">
176 
+                                    <p class="mb-0 text-dark">You have selected 1 item out of all 1 item
177 
+                                    </p>
178 
+                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
179 
+                                </div>
180 
+                            </div>
181 
+                            <div class="col-md-5 mt-2">
182 
+                                <div class="d-flex justify-content-end">
183 
+                                    <h2 class="fw-bold"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">
184 
+                                        <path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"/>
185 
+                                      </svg> 54,999.00</h01>
186 
+                                        <a class="btn btn-dark button_dark" href="#">Check
187 
+                                            Out</a>
188 
+                                </div>
189 
+                            </div>
190 
+                        </div>
191 
+                    </div>
192 
+                </div>
193 
+            </div>
194 
+            <!-- buy-together-sec -->
195 
+            <div class="buy-together-sec">
196 
+                <div class="container">
197 
+                    <div class="row bg-white px-4">
198 
+                        <h5 class="py-3 border-bottom">Buy Together
199 
+                        </h5>
200 
+                        <div class="special-offers px-0">
201 
+                            <div class="px-0">
202 
+                                <h6 class="text-muted">Special Offer Exclusive with your purchase</h6>
203 
+                            </div>
204 
+                            <div class="row">
205 
+                                <div class="col-md-6 col-sm-12 col-lg-auto col-xl-auto col-xxl-auto">
206 
+                                    <div class="card mb-3">
207 
+                                        <div class="row g-0 align-items-center">
208 
+                                            <div class="col-md-4 text-center">
209 
+                                                <img src="./dist/assets/imgs/Home/anwi-bag.png" class="img-fluid rounded-start h-100p " alt="shopping-cart-item-img">
210 
+                                            </div>
211 
+                                            <div class="col-md-8">
212 
+                                                <div class="card-body">
213 
+                                                    <p class="card-title">Anwi Step Out Backpack Dark Blue
214 
+                                                    </p>
215 
+                                                    <p class="card-text"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">
216 
+                                                        <path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"/>
217 
+                                                      </svg>199
218 
+                                                        <del class="text-muted">
219 
+                                                            <small class="text-muted"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">
220 
+                                                                <path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"/>
221 
+                                                              </svg>
222 
+                                                                499</small></del>
223 
+                                                    </p>
224 
+                                                </div>
225 
+                                            </div>
226 
+                                        </div>
227 
+                                    </div>
228 
+                                </div>
229 
+                                <div class="col-md-1 d-lg-block d-sm-none d-md-none"></div>
230 
+                                <div class="col-md-6 col-sm-12 col-lg-auto col-xl-auto col-xxl-auto">
231 
+                                    <div class="card mb-3">
232 
+                                        <div class="row g-0 align-items-center">
233 
+                                            <div class="col-md-4 text-center">
234 
+                                                <img src="./dist/assets/imgs/Home/head-phone.png" class="img-fluid rounded-start h-100p " alt="shopping-cart-item-img">
235 
+                                            </div>
236 
+                                            <div class="col-md-8">
237 
+                                                <div class="card-body">
238 
+                                                    <p class="card-title">Anwi Dark Black Earphones
239 
+                                                    </p>
240 
+                                                    <p class="card-text"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">
241 
+                                                        <path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"/>
242 
+                                                      </svg>2500
243 
+                                                        <del class="text-muted">
244 
+                                                            <small class="text-muted"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">
245 
+                                                                <path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"/>
246 
+                                                              </svg>
247 
+                                                                4999</small></del>
248 
+                                                    </p>
249 
+                                                </div>
250 
+                                            </div>
251 
+                                        </div>
252 
+                                    </div>
253 
+                                </div>
254 
+                            </div>
255 
+                            <div class="px-0">
256 
+                                <h6 class="text-muted">Limited Period Offer Exclusive with your purchase
257 
+                                </h6>
258 
+                            </div>
259 
+                            <div class="row">
260 
+                                <div class="col-md-6 col-sm-12 col-lg-auto col-xl-auto col-xxl-auto">
261 
+                                    <div class="card mb-3">
262 
+                                        <div class="row g-0 align-items-center">
263 
+                                            <div class="col-md-4 ps-2 ">
264 
+                                                <img src="./dist/assets/imgs/Home/Anwi-keyboard.png" class="img-fluid rounded-start" alt="shopping-cart-item-img">
265 
+                                            </div>
266 
+                                            <div class="col-md-8">
267 
+                                                <div class="card-body">
268 
+                                                    <p class="card-title">Anwi Ultra Keyboard
269 
+                                                    </p>
270 
+                                                    <p class="card-text">
271 
+                                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-currency-rupee" viewBox="0 0 16 16">
272 
+                                                            <path d="M4 3.06h2.726c1.22 0 2.12.575 2.325 1.724H4v1.051h5.051C8.855 7.001 8 7.558 6.788 7.558H4v1.317L8.437 14h2.11L6.095 8.884h.855c2.316-.018 3.465-1.476 3.688-3.049H12V4.784h-1.345c-.08-.778-.357-1.335-.793-1.732H12V2H4v1.06Z"/>
273 
+                                                          </svg> 1999
274 
+                                                        </small>
275 
+                                                        </del>
276 
+                                                    </p>
277 
+                                                </div>
278 
+                                            </div>
279 
+                                        </div>
280 
+                                    </div>
281 
+                                </div>
282 
+                            </div>
283 
+                        </div>
284 
+                    </div>
285 
+                </div>
286 
+            </div>
287 
+            <!-- buy-together-sec -->
288 
+            <!-- delivery to -->
289 
+            <div class=" delivery-to-sec sec-space-3 d-block d-sm-none ">
290 
+                <div class=" container ">
291 
+                    <div class=" col-md-5 ">
292 
+                        <div class=" d-flex align-items-center justify-content-around p-1">
293 
+                            <div class=" px-0 ">
294 
+                                <p class="mb-0">Delivery to
295 
+                                </p>
296 
+                            </div>
297 
+                            <div class=" px-0 ">
298 
+                                <input type="text" placeholder=" Input pincode to check " class="p-1">
299 
+                            </div>
300 
+                            <a class=" btn btn-dark button_dark " href=" # ">Delivery</a>
301 
+                        </div>
302 
+                    </div>
303 
+                </div>
304 
+            </div>
305 
+            <div class=" delivery-to-sec sec-space-3 d-none d-sm-block">
306 
+                <div class=" container ">
307 
+                    <div class="col-md-7 col-lg-5">
308 
+                        <div class=" d-flex align-items-center justify-content-around ">
309 
+                            <div class=" px-0 ">
310 
+                                <h6>Delivery to
311 
+                                </h6>
312 
+                            </div>
313 
+                            <div class=" px-0 ">
314 
+                                <input type="text" placeholder=" Input pincode to check " class="p-1">
315 
+                            </div>
316 
+                            <a class=" btn btn-dark button_dark " href=" # ">Delivery</a>
317 
+                        </div>
318 
+                    </div>
319 
+                </div>
320 
+            </div>
321 
+            <!-- delivery to -->
322 
+        </div>
323 
+    </main>
324 
+    <!-- footer -->
325 
+    <div id="footer-head"></div>
326 
+    <!-- end-footer -->
327 
+    <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
328 
+    <script src="./dist/Js/jquery.min.js"></script>
329 
+    <script src="./libs/Owlcarousel/Js/owl.carousel.min.js"></script>
330 
+    <script src="./dist/Js/navbar.js"></script>
331 
+    <script src="./dist/Js/footer.js"></script>
332 
+    <script>
333 
+        $(window).scroll(function() {
334 
+            if (isScrolledIntoView('#footer-head'))
335 
+                $('.alert-display-sec').css('visibility', 'hidden');
336 
+            else {
337 
+                $('.alert-display-sec').css('visibility', 'visible');
338 
+            }
339 
+        });
340 
+
341 
+        function isScrolledIntoView(elem) {
342 
+            let docViewTop = $(window).scrollTop();
343 
+            let docViewBottom = docViewTop + $(window).height();
344 
+            let elemTop = $(elem).offset().top;
345 
+            let elemBottom = elemTop + $(elem).height();
346 
+            return ((elemTop < docViewBottom));
347 
+        }
348 
+    </script>
349 
+</body>
350 
+
351 
+</html>

Verfassen Vorschau
Laden…
Abbrechen
Speichern