sachinganesh 2 years ago
parent
commit
5cf77f764e
4 changed files with 478 additions and 197 deletions
  1. 45
    39
      allinone.html
  2. 56
    49
      laptopmulti.html
  3. 1
    1
      styles/pages/_allInOne.scss
  4. 376
    108
      styles/style.css

dist/html/pages/allinone.html → allinone.html View File

8
 
8
 
9
     <link rel="stylesheet" href="../../../libs/bootstrap/css/bootstrap.min.css" />
9
     <link rel="stylesheet" href="../../../libs/bootstrap/css/bootstrap.min.css" />
10
     <!-- <link rel="stylesheet" href="./../../css/main.css" /> -->
10
     <!-- <link rel="stylesheet" href="./../../css/main.css" /> -->
11
-    <link rel="stylesheet" href="../../../libs/owlcarousel/dist/assets/owl.carousel.min.css">
12
-    <link rel="stylesheet" href="../../../libs/owlcarousel/dist/assets/owl.theme.default.min.css">
13
-    <link rel="stylesheet" href="../../../styles/style.css">
11
+    <link rel="stylesheet" href="libs/owlcarousel/dist/assets/owl.carousel.min.css">
12
+    <link rel="stylesheet" href="libs/owlcarousel/dist/assets/owl.theme.default.min.css">
13
+    <link rel="stylesheet" href="styles/style.css">
14
     <title>project</title>
14
     <title>project</title>
15
 </head>
15
 </head>
16
 
16
 
33
         <div class="row ">
33
         <div class="row ">
34
             <div class="col-sm-7 d-none d-sm-block clipPathSectionCol">
34
             <div class="col-sm-7 d-none d-sm-block clipPathSectionCol">
35
                 <div class="leftClipPathLaptop">
35
                 <div class="leftClipPathLaptop">
36
-                    <img src="./../../assets/imgs/allinone/leftclippath.png" alt="" class="w-100 h-100">
36
+                    <!-- <img src="dist/assets/imgs/allinone/leftclippath.png" alt="" class="w-100 h-100"> -->
37
+                    <img src="dist/assets/imgs/allinone/leftclippath.png" alt="" class="w-100 h-100">
37
                 </div>
38
                 </div>
38
                 <div class="innerClipPathImg">
39
                 <div class="innerClipPathImg">
39
-                    <img src="./../../assets/imgs/allinone/onesection.png" alt="" class="w-100 h-100">
40
+                    <img src="dist/assets/imgs/allinone/onesection.png" alt="" class="w-100 h-100">
40
                 </div>
41
                 </div>
41
             </div>
42
             </div>
42
             <div class="align-items-center d-none d-sm-block col-sm-5 d-flex">
43
             <div class="align-items-center d-none d-sm-block col-sm-5 d-flex">
63
 
64
 
64
             <!-- mobile -->
65
             <!-- mobile -->
65
             <div class="innerClipPathImg d-block d-sm-none">
66
             <div class="innerClipPathImg d-block d-sm-none">
66
-                <img src="./../../assets/imgs/allinone/onesection.png" alt="" class="img-fluid">
67
+                <img src="dist/assets/imgs/allinone/onesection.png" alt="" class="img-fluid">
67
             </div>
68
             </div>
68
             <div class="align-items-center d-sm-none d-block col-sm-5 d-flex">
69
             <div class="align-items-center d-sm-none d-block col-sm-5 d-flex">
69
                 <div class="d-flex flex-column laptopSectionDesP gap-5">
70
                 <div class="d-flex flex-column laptopSectionDesP gap-5">
88
             
89
             
89
             <div class="col-sm-7 d-sm-none d-block clipPathSectionCol">
90
             <div class="col-sm-7 d-sm-none d-block clipPathSectionCol">
90
                 <div class="leftClipPathLaptop ">
91
                 <div class="leftClipPathLaptop ">
91
-                    <img src="./../../assets/imgs/allinone/leftclippath.png" alt="" class="w-100 h-100 d-none d-sm-block">
92
+                    <img src="dist/assets/imgs/allinone/leftclippath.png" alt="" class="w-100 h-100 d-none d-sm-block">
92
                 </div>
93
                 </div>
93
                 <div class="innerClipPathImg">
94
                 <div class="innerClipPathImg">
94
-                    <img src="./../../assets/imgs/allinone/onesection.png" alt="" class="w-100 h-100">
95
+                    <img src="dist/assets/imgs/allinone/onesection.png" alt="" class="w-100 h-100">
95
                 </div>
96
                 </div>
96
             </div>
97
             </div>
97
             
98
             
124
             </div>
125
             </div>
125
             <div class="col-sm-7 clipPathSectionCol">
126
             <div class="col-sm-7 clipPathSectionCol">
126
                 <div class="innerClipPathImgSectionTwo  d-none d-sm-block">
127
                 <div class="innerClipPathImgSectionTwo  d-none d-sm-block">
127
-                    <img src="./../../assets/imgs/allinone/sectiontwo.png" alt="" class="w-100 h-100 sectionTwoImgAllInone">
128
+                    <img src="dist/assets/imgs/allinone/sectiontwo.png" alt="" class="w-100 h-100 sectionTwoImgAllInone">
128
                 </div>
129
                 </div>
129
 
130
 
130
                 <div>
131
                 <div>
131
-                    <img src="./../../assets/imgs/allinone/sectiontwo.png" alt="" class="img-fluid d-block d-sm-none">
132
+                    <img src="dist/assets/imgs/allinone/sectiontwo.png" alt="" class="img-fluid d-block d-sm-none">
132
                 </div>
133
                 </div>
133
 
134
 
134
                 <div class="align-items-center d-block d-sm-none col-sm-5 p-6 d-flex">
135
                 <div class="align-items-center d-block d-sm-none col-sm-5 p-6 d-flex">
153
                 </div>
154
                 </div>
154
 
155
 
155
                 <div class="leftClipPathLaptop d-none d-sm-block">
156
                 <div class="leftClipPathLaptop d-none d-sm-block">
156
-                    <img src="./../../assets/imgs/allinone/rightclippath.png" alt="" class="w-100 h-100">
157
+                    <img src="dist/assets/imgs/allinone/rightclippath.png" alt="" class="w-100 h-100">
157
                 </div>
158
                 </div>
158
               
159
               
159
             </div>
160
             </div>
170
     <div class="row">
171
     <div class="row">
171
         <div class="col-sm-6 pe-5 clipPathSectionCol">
172
         <div class="col-sm-6 pe-5 clipPathSectionCol">
172
             <div class="leftClipPathLaptop d-none d-sm-block">
173
             <div class="leftClipPathLaptop d-none d-sm-block">
173
-                <img src="./../../assets/imgs/allinone/ll.png" alt="" class="w-100 h-100">
174
+                <img src="dist/assets/imgs/allinone/ll.png" alt="" class="w-100 h-100">
174
             </div>
175
             </div>
175
             <div class="innerClipPathImgFirstThree  d-none d-sm-block">
176
             <div class="innerClipPathImgFirstThree  d-none d-sm-block">
176
-                <img src="./../../assets/imgs/allinone/montier.png" alt="" class="w-100 h-100">
177
+                <img src="dist/assets/imgs/allinone/montier.png" alt="" class="w-100 h-100">
177
             </div>
178
             </div>
178
-             <img src="./../../assets/imgs/allinone/montier.png" alt="" class="img-fluid d-block d-sm-none">
179
+             <img src="dist/assets/imgs/allinone/montier.png" alt="" class="img-fluid d-block d-sm-none">
179
 
180
 
180
             <div class="d-flex d-sm-none allinoneDualMarginTop_pContainer d-block flex-column gap-5">
181
             <div class="d-flex d-sm-none allinoneDualMarginTop_pContainer d-block flex-column gap-5">
181
                 <div>
182
                 <div>
195
         </div>
196
         </div>
196
         <div class="col-sm-6 ps-5 clipPathSectionCol">
197
         <div class="col-sm-6 ps-5 clipPathSectionCol">
197
             <div class="leftClipPathLaptop d-none d-sm-block">
198
             <div class="leftClipPathLaptop d-none d-sm-block">
198
-                <img src="./../../assets/imgs/allinone/rr.png" alt="" class="w-100 h-100">
199
+                <img src="dist/assets/imgs/allinone/rr.png" alt="" class="w-100 h-100">
199
             </div>
200
             </div>
200
             <div class="innerClipPathImgSectionThree d-none d-sm-block">
201
             <div class="innerClipPathImgSectionThree d-none d-sm-block">
201
-                <img src="../../assets/imgs/allinone/keyboardandmouse.png" alt="" class="w-100 h-100 ">
202
+                <img src="dist/assets/imgs/allinone/keyboardandmouse.png" alt="" class="w-100 h-100 ">
202
             </div>
203
             </div>
203
-            <img src="../../assets/imgs/allinone/keyboardandmouse.png" alt="" class="img-fluid d-block d-sm-none">
204
+            <img src="dist/assets/imgs/allinone/keyboardandmouse.png" alt="" class="img-fluid d-block d-sm-none">
204
 
205
 
205
             <div class="d-flex  d-sm-none d-block allinoneDualMarginTop_pContainer flex-column gap-5">
206
             <div class="d-flex  d-sm-none d-block allinoneDualMarginTop_pContainer flex-column gap-5">
206
                 <div>
207
                 <div>
261
     <div class="row">
262
     <div class="row">
262
         <div class="col-sm-6 pe-5 clipPathSectionCol">
263
         <div class="col-sm-6 pe-5 clipPathSectionCol">
263
             <div class="leftClipPathLaptop ">
264
             <div class="leftClipPathLaptop ">
264
-                <img src="./../../assets/imgs/allinone/ll.png" alt="" class="w-100 h-100  d-none d-sm-block">
265
+                <img src="dist/assets/imgs/allinone/ll.png" alt="" class="w-100 h-100  d-none d-sm-block">
265
             </div>
266
             </div>
266
             <div class="innerClipPathImgFirstFour">
267
             <div class="innerClipPathImgFirstFour">
267
-                <img src="./../../assets/imgs/allinone/cpus.png" alt="" class="w-100 h-100  d-none d-sm-block">
268
+                <img src="dist/assets/imgs/allinone/cpus.png" alt="" class="w-100 h-100  d-none d-sm-block">
268
             </div>
269
             </div>
269
-            <img src="./../../assets/imgs/allinone/cpus.png" alt="" class="img-fluid d-block d-sm-none">
270
+            <img src="dist/assets/imgs/allinone/cpus.png" alt="" class="img-fluid d-block d-sm-none">
270
 
271
 
271
             <div class="d-flex d-sm-none allinoneDualMarginTop_pContainer d-block flex-column gap-5">
272
             <div class="d-flex d-sm-none allinoneDualMarginTop_pContainer d-block flex-column gap-5">
272
                 <div>
273
                 <div>
286
         </div>
287
         </div>
287
         <div class="col-sm-6 ps-5 clipPathSectionCol">
288
         <div class="col-sm-6 ps-5 clipPathSectionCol">
288
             <div class="leftClipPathLaptop ">
289
             <div class="leftClipPathLaptop ">
289
-                <img src="./../../assets/imgs/allinone/rr.png" alt="" class="w-100 h-100  d-none d-sm-block">
290
+                <img src="dist/assets/imgs/allinone/rr.png" alt="" class="w-100 h-100  d-none d-sm-block">
290
             </div>
291
             </div>
291
             <div class="innerClipPathImgSectionFour">
292
             <div class="innerClipPathImgSectionFour">
292
-                <img src="../../assets/imgs/allinone/rams.png" alt="" class="w-100 h-100  d-none d-sm-block">
293
+               
294
+                <img src="dist/assets/imgs/allinone/rams.png" alt="" class="w-100 h-100  d-none d-sm-block">
293
             </div>
295
             </div>
294
-            <img src="../../assets/imgs/allinone/rams.png" alt="" class="img-fluid d-block d-sm-none">
296
+            <img src="dist/assets/imgs/allinone/rams.png" alt="" class="img-fluid d-block d-sm-none">
295
             <div class="d-flex d-sm-none allinoneDualMarginTop_pContainer d-block flex-column gap-5">
297
             <div class="d-flex d-sm-none allinoneDualMarginTop_pContainer d-block flex-column gap-5">
296
                 <div>
298
                 <div>
297
                     <h1 class="orbitron_font font-3">Moniters</h1>
299
                     <h1 class="orbitron_font font-3">Moniters</h1>
349
 <section class="sectionfiveAllinOne container  overflow-hidden">
351
 <section class="sectionfiveAllinOne container  overflow-hidden">
350
     <div class="row">
352
     <div class="row">
351
         <div class="col-sm-12 col-md-6 col-lg-3 infoContainer">
353
         <div class="col-sm-12 col-md-6 col-lg-3 infoContainer">
352
-            <img class="w-100 h-100" src="./../../assets/imgs/allinone/info1.png" alt="">
354
+            <img class="w-100 h-100" src="dist/assets/imgs/allinone/info1.png" alt="">
353
             <div class="orbitron_font text-white infoContainerOneText">
355
             <div class="orbitron_font text-white infoContainerOneText">
354
                 <h1>Announcements</h1>
356
                 <h1>Announcements</h1>
355
                 <h1>and Events</h1>
357
                 <h1>and Events</h1>
356
             </div>
358
             </div>
357
         </div>
359
         </div>
358
         <div class="col-sm-12 col-md-6 col-lg-3 infoContainer">
360
         <div class="col-sm-12 col-md-6 col-lg-3 infoContainer">
359
-            <img class="w-100 h-70" src="./../../assets/imgs/allinone/info2.png" alt="">
360
-            <!-- <img class="w-100 h-70" src="./../../assets/imgs/allinone/info2.png" alt=""> -->
361
+            <img class="w-100 h-70" src="dist/assets/imgs/allinone/info2.png" alt="">
362
+            <!-- <img class="w-100 h-70" src="dist/assets/imgs/allinone/info2.png" alt=""> -->
361
             <div class=" infoContainerBlue  p-4 d-flex flex-column justify-content-center ">
363
             <div class=" infoContainerBlue  p-4 d-flex flex-column justify-content-center ">
362
                 <h1 class="font-1-5  orbitron_font">Solution Focus</h1>
364
                 <h1 class="font-1-5  orbitron_font">Solution Focus</h1>
363
                 <div class="infoContainer_des satoshi_font">
365
                 <div class="infoContainer_des satoshi_font">
366
             </div>
368
             </div>
367
         </div>
369
         </div>
368
         <div class="col-sm-12 col-md-6 col-lg-3 infoContainer">
370
         <div class="col-sm-12 col-md-6 col-lg-3 infoContainer">
369
-            <img class="w-100 h-70" src="./../../assets/imgs/allinone/info3.png" alt="">
371
+            <img class="w-100 h-70" src="dist/assets/imgs/allinone/info3.png" alt="">
370
             <div class=" infoContainerOrange  p-4 d-flex flex-column justify-content-center ">
372
             <div class=" infoContainerOrange  p-4 d-flex flex-column justify-content-center ">
371
                 <h1 class="font-1-5  orbitron_font">Restless</h1>
373
                 <h1 class="font-1-5  orbitron_font">Restless</h1>
372
                 <div class="infoContainer_des satoshi_font">
374
                 <div class="infoContainer_des satoshi_font">
375
             </div>
377
             </div>
376
         </div>
378
         </div>
377
         <div class="col-sm-12 col-md-6 col-lg-3 infoContainer">
379
         <div class="col-sm-12 col-md-6 col-lg-3 infoContainer">
378
-            <img class="w-100 h-70" src="./../../assets/imgs/allinone/info4.png" alt="">
380
+            <img class="w-100 h-70" src="dist/assets/imgs/allinone/info4.png" alt="">
379
             <div class=" infoContainerBlue  p-4 d-flex flex-column justify-content-center ">
381
             <div class=" infoContainerBlue  p-4 d-flex flex-column justify-content-center ">
380
                 <h1 class="font-1-5  orbitron_font">Out of world</h1>
382
                 <h1 class="font-1-5  orbitron_font">Out of world</h1>
381
                 <div class="infoContainer_des satoshi_font">
383
                 <div class="infoContainer_des satoshi_font">
406
     <div class="carouselLanding owl-carousel d-flex p-4">
408
     <div class="carouselLanding owl-carousel d-flex p-4">
407
         <div class="carouselLandingItem">
409
         <div class="carouselLandingItem">
408
            <div class="mt-5C carouselLandingItemInner">
410
            <div class="mt-5C carouselLandingItemInner">
409
-            <img src="./../../assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
411
+            <img src="dist/assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
410
             <div class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">
412
             <div class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">
411
                 
413
                 
412
 <svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176" viewBox="0 0 49.176 49.176">
414
 <svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176" viewBox="0 0 49.176 49.176">
418
         </div>
420
         </div>
419
         <div class="carouselLandingItem ">
421
         <div class="carouselLandingItem ">
420
             <div class=" carouselLandingItemInner">
422
             <div class=" carouselLandingItemInner">
421
-             <img src="./../../assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
423
+             <img src="dist/assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
422
              <div class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">
424
              <div class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">
423
                  
425
                  
424
  <svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176" viewBox="0 0 49.176 49.176">
426
  <svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176" viewBox="0 0 49.176 49.176">
431
        
433
        
432
         <div class="carouselLandingItem " data-hash="3">
434
         <div class="carouselLandingItem " data-hash="3">
433
             <div class="mt-5C carouselLandingItemInner">
435
             <div class="mt-5C carouselLandingItemInner">
434
-             <img src="./../../assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
436
+             <img src="dist/assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
435
              <div class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">
437
              <div class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">
436
                  
438
                  
437
  <svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176" viewBox="0 0 49.176 49.176">
439
  <svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176" viewBox="0 0 49.176 49.176">
444
        
446
        
445
         <div class="carouselLandingItem">
447
         <div class="carouselLandingItem">
446
             <div class=" carouselLandingItemInner">
448
             <div class=" carouselLandingItemInner">
447
-             <img src="./../../assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
449
+             <img src="dist/assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
448
              <div class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">
450
              <div class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">
449
                  
451
                  
450
  <svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176" viewBox="0 0 49.176 49.176">
452
  <svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176" viewBox="0 0 49.176 49.176">
456
          </div>
458
          </div>
457
          <div class="carouselLandingItem ">
459
          <div class="carouselLandingItem ">
458
             <div class="mt-5C carouselLandingItemInner">
460
             <div class="mt-5C carouselLandingItemInner">
459
-             <img src="./../../assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
461
+             <img src="dist/assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
460
              <div class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">
462
              <div class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">
461
                  
463
                  
462
  <svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176" viewBox="0 0 49.176 49.176">
464
  <svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176" viewBox="0 0 49.176 49.176">
525
     <section id="footer-head"></section>
527
     <section id="footer-head"></section>
526
     <!-- end-footer -->
528
     <!-- end-footer -->
527
 
529
 
528
-    <script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
529
-    <script src="../../js/jquery.min.js"></script>
530
+    <script src="libs/bootstrap/js/bootstrap.bundle.min.js"></script>
531
+    <script src="dist/Js/jquery.min.js"></script>
530
        
532
        
531
-    <script src="./../../../libs/owlcarousel/dist/owl.carousel.min.js"></script>
532
-    <script src="../../js/navbar.js"></script>
533
-    <script src="../../js/footer.js"></script>
534
-    <script src="./../../Js/allInOne.js"></script>
533
+    <script src="libs/owlcarousel/dist/owl.carousel.min.js"></script>
534
+    <script src="dist/Js/navbar.js"></script>
535
+    <script src="dist/Js/footer.js"></script>
536
+    <script src="dist/Js/allInOne.js"></script>
537
+
538
+    <script src="dist/Js/navbar.js"></script>
539
+    <script src="dist/Js/footer.js"></script>
540
+    <script src="dist/Js/laptopmuti.js"></script>
535
 
541
 
536
 </body>
542
 </body>
537
 
543
 

dist/html/pages/laptopmulti.html → laptopmulti.html View File

6
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
7
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
8
 
8
 
9
-    <link rel="stylesheet" href="../../../libs/bootstrap/css/bootstrap.min.css" />
9
+    <link rel="stylesheet" href="libs/bootstrap/css/bootstrap.min.css" />
10
+<!-- 
11
+    <link rel="stylesheet" href="../../../libs/bootstrap/css/bootstrap.min.css" /> -->
10
     <!-- <link rel="stylesheet" href="./../../css/main.css" /> -->
12
     <!-- <link rel="stylesheet" href="./../../css/main.css" /> -->
11
-    <link rel="stylesheet" href="../../../styles/style.css">
13
+    <link rel="stylesheet" href="styles/style.css">
12
     <title>project</title>
14
     <title>project</title>
13
 </head>
15
 </head>
14
 
16
 
40
             <div class="d-flex align-items-center price_footerContainer justify-content-between">
42
             <div class="d-flex align-items-center price_footerContainer justify-content-between">
41
                 <div class="d-none d-md-flex">
43
                 <div class="d-none d-md-flex">
42
                     <div class="boxImgContainer">
44
                     <div class="boxImgContainer">
43
-                        <img class="w-100 h-100" src="./../../assets/imgs/box.png" alt="box" />
45
+                        <img class="w-100 h-100" src="dist/assets/imgs/box.png" alt="box" />
44
                     </div>
46
                     </div>
45
                     <div class="ps-3 ">
47
                     <div class="ps-3 ">
46
                         <div class="satoshi_font fw-700">Delivery</div>
48
                         <div class="satoshi_font fw-700">Delivery</div>
85
     <section class="container  PO_galleryContainer">
87
     <section class="container  PO_galleryContainer">
86
         <div class="p-6 pt-0">
88
         <div class="p-6 pt-0">
87
             <div class="PO_gallery_display">
89
             <div class="PO_gallery_display">
88
-                <img class="PO_gallery_display_img" src="./../../assets/imgs/laptop_display.png" />
90
+                <img class="PO_gallery_display_img" src="dist/assets/imgs/laptop_display.png" />
89
             </div>
91
             </div>
90
             <div class="d-flex h-md-200p pt-2 pt-md-5 justify-content-between align-items-center">
92
             <div class="d-flex h-md-200p pt-2 pt-md-5 justify-content-between align-items-center">
91
                 <span class="PO_gallery_box">
93
                 <span class="PO_gallery_box">
92
                     <div class="PO_gallery_box_inner h-100">
94
                     <div class="PO_gallery_box_inner h-100">
93
-                        <img class="w-100 h-100" src="./../../assets/imgs/laptop_display.png" alt="photo">
95
+                        <img class="w-100 h-100" src="dist/assets/imgs/laptop_display.png" alt="photo">
94
                     </div>
96
                     </div>
95
                 </span>
97
                 </span>
96
                 <span class="PO_gallery_box">
98
                 <span class="PO_gallery_box">
97
                     <div class="PO_gallery_box_inner h-100">
99
                     <div class="PO_gallery_box_inner h-100">
98
-                        <img class="w-100 h-100" src="./../../assets/imgs/laptop_display.png" alt="photo">
100
+                        <img class="w-100 h-100" src="dist/assets/imgs/laptop_display.png" alt="photo">
99
                     </div>
101
                     </div>
100
                 </span>
102
                 </span>
101
                 <span class="PO_gallery_box">
103
                 <span class="PO_gallery_box">
102
                     <div class="PO_gallery_box_inner h-100">
104
                     <div class="PO_gallery_box_inner h-100">
103
-                        <img class="w-100 h-100" src="./../../assets/imgs/laptop_display.png" alt="photo">
105
+                        <img class="w-100 h-100" src="dist/assets/imgs/laptop_display.png" alt="photo">
104
                     </div>
106
                     </div>
105
                 </span>
107
                 </span>
106
                 <span class="PO_gallery_box">
108
                 <span class="PO_gallery_box">
107
                     <div class="PO_gallery_box_inner h-100">
109
                     <div class="PO_gallery_box_inner h-100">
108
-                        <img class="w-100 h-100" src="./../../assets/imgs/laptop_display.png" alt="photo">
110
+                        <img class="w-100 h-100" src="dist/assets/imgs/laptop_display.png" alt="photo">
109
                     </div>
111
                     </div>
110
                 </span>
112
                 </span>
111
                 <span class="PO_gallery_box">
113
                 <span class="PO_gallery_box">
112
                     <div class="PO_gallery_box_inner h-100">
114
                     <div class="PO_gallery_box_inner h-100">
113
-                        <img class="w-100 h-100" src="./../../assets/imgs/laptop_display.png" alt="photo">
115
+                        <img class="w-100 h-100" src="dist/assets/imgs/laptop_display.png" alt="photo">
114
                     </div>
116
                     </div>
115
                 </span>
117
                 </span>
116
                 <span class="PO_gallery_box">
118
                 <span class="PO_gallery_box">
117
                     <div class="PO_gallery_box_inner h-100">
119
                     <div class="PO_gallery_box_inner h-100">
118
-                        <img class="w-100 h-100" src="./../../assets/imgs/laptop_display.png" alt="photo">
120
+                        <img class="w-100 h-100" src="dist/assets/imgs/laptop_display.png" alt="photo">
119
                     </div>
121
                     </div>
120
                 </span>
122
                 </span>
121
             </div>
123
             </div>
183
                                     <div class="orbitron_font fw-600">Future-proof</div>
185
                                     <div class="orbitron_font fw-600">Future-proof</div>
184
                                 </div>
186
                                 </div>
185
                                 <div class="futureProofImg p-0  h-m-100">
187
                                 <div class="futureProofImg p-0  h-m-100">
186
-                                    <img src="./../../assets/imgs/productoverview/gridfutureproof.png"
188
+                                    <img src="dist/assets/imgs/productoverview/gridfutureproof.png"
187
                                         class="w-100 h-100" alt="">
189
                                         class="w-100 h-100" alt="">
188
                                 </div>
190
                                 </div>
189
                             </div>
191
                             </div>
297
     
299
     
298
     
300
     
299
                             <div class="box_innerImg">
301
                             <div class="box_innerImg">
300
-                                <img src="./../../assets/imgs/productoverview/gridlap.png" class="w-100 h-100" alt="">
302
+                                <img src="dist/assets/imgs/productoverview/gridlap.png" class="w-100 h-100" alt="">
301
                             </div>
303
                             </div>
302
     
304
     
303
                         </div>
305
                         </div>
354
                                     <div class="text-center fw-500">35.56cm (14)</div>
356
                                     <div class="text-center fw-500">35.56cm (14)</div>
355
                                 </div>
357
                                 </div>
356
                                 <div class="gridTruelifeImg">
358
                                 <div class="gridTruelifeImg">
357
-                                    <img src="./../../assets/imgs/productoverview/gridtruelifediaplay.png" alt=""
359
+                                    <img src="dist/assets/imgs/productoverview/gridtruelifediaplay.png" alt=""
358
                                         class="w-100 h-100">
360
                                         class="w-100 h-100">
359
                                 </div>
361
                                 </div>
360
                             </div>
362
                             </div>
468
                 </div>
470
                 </div>
469
                 <!-- <div class="w-100 d-flex">
471
                 <!-- <div class="w-100 d-flex">
470
                 <div class="displayscreenpadleft w-50  position-relative">
472
                 <div class="displayscreenpadleft w-50  position-relative">
471
-                    <img class="h-100 position-absolute w-100" src="./../../assets/imgs/productoverview/twoscreenleft.png" alt="leftlaptop">
473
+                    <img class="h-100 position-absolute w-100" src="dist/assets/imgs/productoverview/twoscreenleft.png" alt="leftlaptop">
472
                 </div>
474
                 </div>
473
                 <div class="displayscreenpadright w-50  position-relative">
475
                 <div class="displayscreenpadright w-50  position-relative">
474
-                    <img class="h-100  position-absolute w-100" src="./../../assets/imgs/productoverview/twoscreenright.png" alt="rightlaptop">
476
+                    <img class="h-100  position-absolute w-100" src="dist/assets/imgs/productoverview/twoscreenright.png" alt="rightlaptop">
475
                 </div>
477
                 </div>
476
                </div> -->
478
                </div> -->
477
                 <div class="container-fluid w-100 d-flex  position-relative displayscreenpadMain">
479
                 <div class="container-fluid w-100 d-flex  position-relative displayscreenpadMain">
478
                     <div class="displayscreenpadleft w-50">
480
                     <div class="displayscreenpadleft w-50">
479
                         <img class="h-100 position-relative w-100"
481
                         <img class="h-100 position-relative w-100"
480
-                            src="./../../assets/imgs/productoverview/twoscreenleft.png" alt="leftlaptop">
482
+                            src="dist/assets/imgs/productoverview/twoscreenleft.png" alt="leftlaptop">
481
                     </div>
483
                     </div>
482
                     <div class="displayscreenpadright w-50">
484
                     <div class="displayscreenpadright w-50">
483
                         <img class="h-100 position-relative w-100"
485
                         <img class="h-100 position-relative w-100"
484
-                            src="./../../assets/imgs/productoverview/twoscreenright.png" alt="rightlaptop">
486
+                            src="dist/assets/imgs/productoverview/twoscreenright.png" alt="rightlaptop">
485
                     </div>
487
                     </div>
486
                 </div>
488
                 </div>
487
             </div>
489
             </div>
494
         
496
         
495
         <div class="row">
497
         <div class="row">
496
             <div class="col-7 pe-0">
498
             <div class="col-7 pe-0">
497
-                <img src="./../../assets/imgs/productoverview/leftlap.png" alt="" class="img-fluid">
499
+                <img src="dist/assets/imgs/productoverview/leftlap.png" alt="" class="img-fluid">
498
             </div>
500
             </div>
499
             <div class="col-5 ps-0 ">
501
             <div class="col-5 ps-0 ">
500
                 <div class="zeroBMain_des d-none d-md-block" style="margin-left: -200px;">
502
                 <div class="zeroBMain_des d-none d-md-block" style="margin-left: -200px;">
511
 
513
 
512
                     </div>
514
                     </div>
513
                 </div>
515
                 </div>
514
-                <img src="./../../assets/imgs/productoverview/rightlap.png" alt="" class="img-fluid w-100">
516
+                <img src="dist/assets/imgs/productoverview/rightlap.png" alt="" class="img-fluid w-100">
515
             </div>
517
             </div>
516
         </div>
518
         </div>
517
         <div class="zeroBMain_des d-md-none d-block">
519
         <div class="zeroBMain_des d-md-none d-block">
534
 
536
 
535
     <!-- <section class="tableLaptop d-flex justify-content-center align-items-center">
537
     <!-- <section class="tableLaptop d-flex justify-content-center align-items-center">
536
         <div class="justTableLaptop">
538
         <div class="justTableLaptop">
537
-            <img src="./../../assets/imgs/productoverview/justtablelaptop.png" alt="" class="w-100 h-100">
539
+            <img src="dist/assets/imgs/productoverview/justtablelaptop.png" alt="" class="w-100 h-100">
538
         </div>
540
         </div>
539
         <div class="circleTableLaptop">
541
         <div class="circleTableLaptop">
540
             <div class="circleTableLaptop_Heading text-center">
542
             <div class="circleTableLaptop_Heading text-center">
542
                 <h1 class="dual_des_heading orbitron_font fw-700"> Zero BOUNDARIES.</h1>
544
                 <h1 class="dual_des_heading orbitron_font fw-700"> Zero BOUNDARIES.</h1>
543
             </div>
545
             </div>
544
             <div class="circleTableLaptopTop">
546
             <div class="circleTableLaptopTop">
545
-                <img src="./../../assets/imgs/productoverview/laptoptable.png" alt="" class="w-100 h-100">
547
+                <img src="dist/assets/imgs/productoverview/laptoptable.png" alt="" class="w-100 h-100">
546
             </div>
548
             </div>
547
             <div class="circleTableLaptop_text font_p_Dual d-none d-md-block">
549
             <div class="circleTableLaptop_text font_p_Dual d-none d-md-block">
548
                 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
550
                 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
562
                 </div>
564
                 </div>
563
         </div>
565
         </div>
564
         <div class="position-relative">
566
         <div class="position-relative">
565
-            <img src="./../../assets/imgs/sectiontest.png" alt="" class="img-fluid w-100">
567
+            <img src="dist/assets/imgs/sectiontest.png" alt="" class="img-fluid w-100">
566
                 <div class="circleTableLaptop_Heading text-center position-absolute w-100 ">
568
                 <div class="circleTableLaptop_Heading text-center position-absolute w-100 ">
567
                     <h1 class="orbitron_font fw-700">Two Screens</h1>
569
                     <h1 class="orbitron_font fw-700">Two Screens</h1>
568
                     <h1 class="orbitron_font fw-700"> To Display</h1>
570
                     <h1 class="orbitron_font fw-700"> To Display</h1>
592
                 and excellent viewing angles.</p>
594
                 and excellent viewing angles.</p>
593
         </div>
595
         </div>
594
         <div>
596
         <div>
595
-            <img src="../../assets/imgs/productoverview/plantlaptop.png" alt="" class="w-100 h-100">
597
+            <!-- <img src="../../assets/imgs/productoverview/plantlaptop.png" alt="" class="w-100 h-100"> -->
598
+            <img src="dist/assets/imgs/productoverview/plantlaptop.png" alt="" class="w-100 h-100">
596
         </div>
599
         </div>
597
     </section>
600
     </section>
598
 
601
 
613
                                 data-bs-target="#PhotoTab" type="button" role="tab" aria-controls="PhotoTab"
616
                                 data-bs-target="#PhotoTab" type="button" role="tab" aria-controls="PhotoTab"
614
                                 aria-selected="true">
617
                                 aria-selected="true">
615
                                 <span class="d-none d-md-block">Photo</span>
618
                                 <span class="d-none d-md-block">Photo</span>
616
-                                <span class="w-20p d-block d-md-none"><img src="./../../assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
619
+                                <span class="w-20p d-block d-md-none"><img src="dist/assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
617
                             </button>
620
                             </button>
618
                                 
621
                                 
619
     
622
     
624
                                 aria-selected="false">
627
                                 aria-selected="false">
625
                                
628
                                
626
                                 <span class="d-none d-md-block"> ProgrammerTab</span>
629
                                 <span class="d-none d-md-block"> ProgrammerTab</span>
627
-                                <span class="w-20p d-block d-md-none"><img src="./../../assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
630
+                                <span class="w-20p d-block d-md-none"><img src="dist/assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
628
                             </button>
631
                             </button>
629
                         </li>
632
                         </li>
630
                         <li class="nav-item" role="presentation">
633
                         <li class="nav-item" role="presentation">
633
                                 aria-selected="false">
636
                                 aria-selected="false">
634
                                 
637
                                 
635
                                 <span class="d-none d-md-block"> VideoEdtior</span>
638
                                 <span class="d-none d-md-block"> VideoEdtior</span>
636
-                                <span class="w-20p d-block d-md-none"><img src="./../../assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
639
+                                <span class="w-20p d-block d-md-none"><img src="dist/assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
637
                             </button>
640
                             </button>
638
                         </li>
641
                         </li>
639
     
642
     
643
                                 aria-selected="false">
646
                                 aria-selected="false">
644
                                 
647
                                 
645
                                 <span class="d-none d-md-block"> Music Artist</span>
648
                                 <span class="d-none d-md-block"> Music Artist</span>
646
-                                <span class="w-20p d-block d-md-none"><img src="./../../assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
649
+                                <span class="w-20p d-block d-md-none"><img src="dist/assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
647
                             </button>
650
                             </button>
648
                         </li>
651
                         </li>
649
                         <!-- <li class="nav-item" role="presentation">
652
                         <!-- <li class="nav-item" role="presentation">
654
                                 type="button" role="tab" aria-controls="gamerTab" aria-selected="false">
657
                                 type="button" role="tab" aria-controls="gamerTab" aria-selected="false">
655
                                 
658
                                 
656
                                 <span class="d-none d-md-block">Game</span>
659
                                 <span class="d-none d-md-block">Game</span>
657
-                                <span class="w-20p d-block d-md-none"><img src="./../../assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
660
+                                <span class="w-20p d-block d-md-none"><img src="dist/assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
658
                             </button>
661
                             </button>
659
                         </li>
662
                         </li>
660
                     </ul>
663
                     </ul>
661
                     <div class="tab-content" id="tabLaptopContent">
664
                     <div class="tab-content" id="tabLaptopContent">
662
     
665
     
663
                         <div class="tab-pane fade show active" id="PhotoTab" role="tabpanel"
666
                         <div class="tab-pane fade show active" id="PhotoTab" role="tabpanel"
664
-                            aria-labelledby="PhotoTab-tab"> <img src="./../../assets/imgs/productoverview/tablaptop.png"
667
+                            aria-labelledby="PhotoTab-tab"> <img src="dist/assets/imgs/productoverview/tablaptop.png"
665
                                 class="w-100 h-100" alt=""></div>
668
                                 class="w-100 h-100" alt=""></div>
666
     
669
     
667
                         <div class="tab-pane fade" id="ProgrammerTab" role="tabpanel"
670
                         <div class="tab-pane fade" id="ProgrammerTab" role="tabpanel"
668
                             aria-labelledby="ProgrammerTab-tab">ProgrammerTab</div>
671
                             aria-labelledby="ProgrammerTab-tab">ProgrammerTab</div>
669
     
672
     
670
                         <div class="tab-pane fade" id="VideoEdtior" role="tabpanel" aria-labelledby="VideoEdtior-tab">
673
                         <div class="tab-pane fade" id="VideoEdtior" role="tabpanel" aria-labelledby="VideoEdtior-tab">
671
-                            <img src="./../../assets/imgs/productoverview/tablaptop.png" class="w-100 h-100" alt="">
674
+                            <img src="dist/assets/imgs/productoverview/tablaptop.png" class="w-100 h-100" alt="">
672
                         </div>
675
                         </div>
673
     
676
     
674
                         <div class="tab-pane fade" id="Music_Artist" role="tabpanel" aria-labelledby="Music_Artist-tab">
677
                         <div class="tab-pane fade" id="Music_Artist" role="tabpanel" aria-labelledby="Music_Artist-tab">
693
             <h1 class="designedProLaptop_title_text orbitron_font"> a Pro</h1>
696
             <h1 class="designedProLaptop_title_text orbitron_font"> a Pro</h1>
694
         </div>
697
         </div>
695
         <div class="designedProLaptop_img">
698
         <div class="designedProLaptop_img">
696
-            <img src="./../../assets/imgs/laptop_display.png" alt="" class="img-fluid">
699
+            <img src="dist/assets/imgs/laptop_display.png" alt="" class="img-fluid">
697
         </div>
700
         </div>
698
         <ul class="list-inline designedProLaptopList  mb-0">
701
         <ul class="list-inline designedProLaptopList  mb-0">
699
             <li class="border-bottom">
702
             <li class="border-bottom">
729
         </div>
732
         </div>
730
         <div class="row">
733
         <div class="row">
731
             <div class="col-md-8">
734
             <div class="col-md-8">
732
-                <img src="./../../assets/imgs/laptop_display.png" alt="" class="img-fluid">
735
+                <img src="dist/assets/imgs/laptop_display.png" alt="" class="img-fluid">
733
             </div>
736
             </div>
734
             <div class="col-md-4 d-flex justify-content-center align-items-center">
737
             <div class="col-md-4 d-flex justify-content-center align-items-center">
735
                 <ul class="list-inline designedProLaptopList  mb-0">
738
                 <ul class="list-inline designedProLaptopList  mb-0">
774
         </div>
777
         </div>
775
     
778
     
776
       
779
       
777
-            <img class="img-fluid w-100" src="./../../assets/imgs/productoverview/popkey.png" alt="popupkeyboard">
780
+            <img class="img-fluid w-100" src="dist/assets/imgs/productoverview/popkey.png" alt="popupkeyboard">
778
       
781
       
779
     
782
     
780
     </section>
783
     </section>
790
             </p>
793
             </p>
791
             <div class="font-1 fw-700 d-none">*as compared to a 14 inch FHD display</div>
794
             <div class="font-1 fw-700 d-none">*as compared to a 14 inch FHD display</div>
792
         </div>
795
         </div>
793
-        <img src="./../../assets/imgs/productoverview/dragonbg.png" alt="" class="w-100 h-100">
796
+        <img src="dist/assets/imgs/productoverview/dragonbg.png" alt="" class="w-100 h-100">
794
         <div class="dragondisplay_heading d-flex    justify-content-center text-white">
797
         <div class="dragondisplay_heading d-flex    justify-content-center text-white">
795
             <h1 class="m-0 p-0 font_4 orbitron_font d-none">Anwi Roxo Display</h1>
798
             <h1 class="m-0 p-0 font_4 orbitron_font d-none">Anwi Roxo Display</h1>
796
         </div>
799
         </div>
805
                 <div
808
                 <div
806
                     class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4">
809
                     class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4">
807
                     <div class="box_lens_img">
810
                     <div class="box_lens_img">
808
-                        <img class="w-100 h-100" src="./../../assets/imgs/productoverview/lens.png" alt="lens">
811
+                        <img class="w-100 h-100" src="dist/assets/imgs/productoverview/lens.png" alt="lens">
809
                     </div>
812
                     </div>
810
                     <div>
813
                     <div>
811
                         <h1 class="orbitron_font lenHeading m-0 p-0 font-2">Ergonomic</h1>
814
                         <h1 class="orbitron_font lenHeading m-0 p-0 font-2">Ergonomic</h1>
817
                 <div
820
                 <div
818
                     class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4">
821
                     class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4">
819
                     <div class="box_lens_img">
822
                     <div class="box_lens_img">
820
-                        <img class="w-100 h-100" src="./../../assets/imgs/productoverview/lens.png" alt="lens">
823
+                        <img class="w-100 h-100" src="dist/assets/imgs/productoverview/lens.png" alt="lens">
821
                     </div>
824
                     </div>
822
                     <div>
825
                     <div>
823
                         <h1 class="orbitron_font lenHeading m-0 p-0 font-2">OLED HDR</h1>
826
                         <h1 class="orbitron_font lenHeading m-0 p-0 font-2">OLED HDR</h1>
829
                 <div
832
                 <div
830
                     class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4">
833
                     class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4">
831
                     <div class="box_lens_img">
834
                     <div class="box_lens_img">
832
-                        <img class="w-100 h-100" src="./../../assets/imgs/productoverview/lens.png" alt="lens">
835
+                        <img class="w-100 h-100" src="dist/assets/imgs/productoverview/lens.png" alt="lens">
833
                     </div>
836
                     </div>
834
                     <div>
837
                     <div>
835
                         <h1 class="orbitron_font lenHeading m-0 p-0 font-2">100%</h1>
838
                         <h1 class="orbitron_font lenHeading m-0 p-0 font-2">100%</h1>
841
                 <div
844
                 <div
842
                     class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4">
845
                     class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4">
843
                     <div class="box_lens_img">
846
                     <div class="box_lens_img">
844
-                        <img class="w-100 h-100" src="./../../assets/imgs/productoverview/lens.png" alt="lens">
847
+                        <img class="w-100 h-100" src="dist/assets/imgs/productoverview/lens.png" alt="lens">
845
                     </div>
848
                     </div>
846
                     <div>
849
                     <div>
847
                         <h1 class="orbitron_font lenHeading m-0 p-0 font-2">OLED HDR</h1>
850
                         <h1 class="orbitron_font lenHeading m-0 p-0 font-2">OLED HDR</h1>
854
                 <div
857
                 <div
855
                     class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4">
858
                     class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4">
856
                     <div class="box_lens_img">
859
                     <div class="box_lens_img">
857
-                        <img class="w-100 h-100" src="./../../assets/imgs/productoverview/lens.png" alt="lens">
860
+                        <img class="w-100 h-100" src="dist/assets/imgs/productoverview/lens.png" alt="lens">
858
                     </div>
861
                     </div>
859
                     <div>
862
                     <div>
860
                         <h1 class="orbitron_font lenHeading m-0 p-0 font-2">
863
                         <h1 class="orbitron_font lenHeading m-0 p-0 font-2">
869
                 <div
872
                 <div
870
                     class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4">
873
                     class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4">
871
                     <div class="box_lens_img">
874
                     <div class="box_lens_img">
872
-                        <img class="w-100 h-100" src="./../../assets/imgs/productoverview/lens.png" alt="lens">
875
+                        <img class="w-100 h-100" src="dist/assets/imgs/productoverview/lens.png" alt="lens">
873
                     </div>
876
                     </div>
874
                     <div>
877
                     <div>
875
                         <h1 class="orbitron_font lenHeading m-0 p-0 font-2">3840X2160</h1>
878
                         <h1 class="orbitron_font lenHeading m-0 p-0 font-2">3840X2160</h1>
904
             </p>
907
             </p>
905
         </div>
908
         </div>
906
         <div class="vw-100 vh-100 position-relative professinalGradeImgContainer container">
909
         <div class="vw-100 vh-100 position-relative professinalGradeImgContainer container">
907
-            <img class="professinalGradeImg" src="./../../assets/imgs/productoverview/progreen.png" alt=""
910
+            <img class="professinalGradeImg" src="dist/assets/imgs/productoverview/progreen.png" alt=""
908
                 class="w-100 h-100">
911
                 class="w-100 h-100">
909
         </div>
912
         </div>
910
     </section>
913
     </section>
934
             </div>
937
             </div>
935
           
938
           
936
           <div class="stunningSound_headingImg">
939
           <div class="stunningSound_headingImg">
937
-            <img src="./../../assets/imgs/productoverview/stunningSound.png" alt="" class="img-fluid stunningSound_headingImg">
940
+            <img src="dist/assets/imgs/productoverview/stunningSound.png" alt="" class="img-fluid stunningSound_headingImg">
938
           </div>
941
           </div>
939
         
942
         
940
         </section>
943
         </section>
948
     <!-- wifi  -->
951
     <!-- wifi  -->
949
     <section class="wifiSection">
952
     <section class="wifiSection">
950
         <div class="wifiSectionImg">
953
         <div class="wifiSectionImg">
951
-            <img src="./../../assets/imgs/productoverview/wifilap.png" class="img-fluid w-100" alt="">
954
+            <img src="dist/assets/imgs/productoverview/wifilap.png" class="img-fluid w-100" alt="">
952
         </div>
955
         </div>
953
         <div class="container textWifiContainer px-5">
956
         <div class="container textWifiContainer px-5">
954
             <div class="textWifiContainerHeading">
957
             <div class="textWifiContainerHeading">
986
       <section class=" pt-5 proConnectivity">
989
       <section class=" pt-5 proConnectivity">
987
         <div class="row">
990
         <div class="row">
988
             <div class="col-sm-6">
991
             <div class="col-sm-6">
989
-                <img src="./../../assets/imgs/productoverview/ports.png" alt="ports" class="img-fluid">
992
+                <img src="dist/assets/imgs/productoverview/ports.png" alt="ports" class="img-fluid">
990
             </div>
993
             </div>
991
             <div class="col-sm-6 d-flex flex-column align-content-center justify-content-center p-6 connectivityPso_des">
994
             <div class="col-sm-6 d-flex flex-column align-content-center justify-content-center p-6 connectivityPso_des">
992
                 <div>
995
                 <div>
1052
     <!-- os+ software -->
1055
     <!-- os+ software -->
1053
     <section class="osPlusSoftware container p-6 ">
1056
     <section class="osPlusSoftware container p-6 ">
1054
         <div class="osContianerImg">
1057
         <div class="osContianerImg">
1055
-            <img class="w-100 h-100" src="./../../assets/imgs/productoverview/ossoftware.png" alt="">
1058
+            <img class="w-100 h-100" src="dist/assets/imgs/productoverview/ossoftware.png" alt="">
1056
         </div>
1059
         </div>
1057
         <div class="osContianer   d-flex flex-column align-items-center">
1060
         <div class="osContianer   d-flex flex-column align-items-center">
1058
             <div class="osContianerHeading">
1061
             <div class="osContianerHeading">
1073
     <section id="footer-head"></section>
1076
     <section id="footer-head"></section>
1074
     <!-- end-footer -->
1077
     <!-- end-footer -->
1075
 
1078
 
1076
-    <script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
1077
-    <script src="../../js/jquery.min.js"></script>
1078
-    <script src="../../js/navbar.js"></script>
1079
+    <script src="libs/bootstrap/js/bootstrap.bundle.min.js"></script>
1080
+    <script src="dist/Js/jquery.min.js"></script>
1081
+    <!-- <script src="../../js/jquery.min.js"></script> -->
1082
+    <!-- <script src="../../js/navbar.js"></script>
1079
     <script src="../../js/footer.js"></script>
1083
     <script src="../../js/footer.js"></script>
1080
-    <script src="./../../Js/laptopmuti.js"></script>
1084
+    <script src="./../../Js/laptopmuti.js"></script> -->
1085
+    <script src="dist/Js/navbar.js"></script>
1086
+    <script src="dist/Js/footer.js"></script>
1087
+    <script src="dist/Js/laptopmuti.js"></script>
1081
 
1088
 
1082
 </body>
1089
 </body>
1083
 
1090
 

+ 1
- 1
styles/pages/_allInOne.scss View File

88
 }
88
 }
89
 
89
 
90
 .allinoneDualMarginTop{
90
 .allinoneDualMarginTop{
91
-    margin-top: 200px;
91
+    margin-top: 100px;
92
 }
92
 }
93
 
93
 
94
 .sectionfiveAllinOne{
94
 .sectionfiveAllinOne{

+ 376
- 108
styles/style.css View File

15
 
15
 
16
 1em = 16px
16
 1em = 16px
17
 */
17
 */
18
-*,
19
-*::after,
20
-*::before {
21
-  margin: 0;
22
-  padding: 0;
23
-  box-sizing: inherit;
24
-}
25
-
26
 body {
18
 body {
27
   box-sizing: border-box;
19
   box-sizing: border-box;
28
   overflow-x: hidden;
20
   overflow-x: hidden;
292
   border-radius: 10px;
284
   border-radius: 10px;
293
 }
285
 }
294
 
286
 
287
+.productOverviewBody {
288
+  overflow-x: hidden;
289
+}
290
+
295
 .productoverviewmain {
291
 .productoverviewmain {
296
   background-image: url("../../dist/assets/imgs/productoverview/productbg.png");
292
   background-image: url("../../dist/assets/imgs/productoverview/productbg.png");
297
   background-color: white;
293
   background-color: white;
312
   -webkit-backdrop-filter: blur(4px);
308
   -webkit-backdrop-filter: blur(4px);
313
   border: 1px solid rgba(255, 255, 255, 0.18);
309
   border: 1px solid rgba(255, 255, 255, 0.18);
314
   border: 2px solid;
310
   border: 2px solid;
315
-  position: absolute;
311
+  position: fixed;
316
   z-index: 999;
312
   z-index: 999;
317
   bottom: 0;
313
   bottom: 0;
318
   left: 0;
314
   left: 0;
319
 }
315
 }
320
-
316
+@media (max-width: 768px) {
317
+  .footerDesText {
318
+    width: 100%;
319
+  }
320
+}
321
 .boxImgContainer {
321
 .boxImgContainer {
322
   width: 4rem;
322
   width: 4rem;
323
 }
323
 }
603
   background-position: center;
603
   background-position: center;
604
 }
604
 }
605
 
605
 
606
-.controlPanel {
607
-  margin-top: 10rem;
608
-  padding-bottom: 300px;
609
-}
610
-.controlPanel .controlPanel_des {
611
-  position: absolute;
612
-  top: -170px;
613
-  left: 80px;
614
-}
615
-.controlPanel .bgControlpanel {
616
-  min-height: 100vh;
617
-  background-color: #ececec;
618
-  border-radius: 157px;
619
-  position: relative;
620
-}
621
-.controlPanel .bgControlpanel .bgControlpaneltabs {
622
-  position: absolute;
623
-  top: 100px;
624
-  right: 0;
625
-}
626
-.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs {
627
-  border-bottom: 1px solid;
628
-  margin-bottom: 2rem;
629
-}
630
-.controlPanel .bgControlpanel .bgControlpaneltabs .nav-item {
631
-  position: relative;
632
-  border: none;
633
-}
634
-.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link {
635
-  position: relative;
636
-  color: black;
637
-  font-weight: 500;
638
-}
639
-.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link.active {
640
-  border: none;
641
-  background-color: transparent;
642
-}
643
-.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link.active::before {
644
-  display: block;
645
-}
646
-.controlPanel .bgControlpanel .bgControlpaneltabs .nav-item .nav-link::before {
647
-  content: "";
648
-  position: absolute;
649
-  width: 100%;
650
-  height: 5px;
651
-  bottom: -2px;
652
-  right: 0;
653
-  display: none;
654
-  background-color: black;
655
-}
656
-
657
 .dragondisplay {
606
 .dragondisplay {
658
   position: relative;
607
   position: relative;
659
   background: rgb(255, 255, 255);
608
   background: rgb(255, 255, 255);
695
   background-position: center;
644
   background-position: center;
696
 }
645
 }
697
 
646
 
698
-.osPlusSoftware {
699
-  width: 100vw;
700
-  height: 140vh;
701
-  margin-top: 14rem;
702
-}
703
-.osPlusSoftware .osContianer {
704
-  position: relative;
705
-  width: 100%;
706
-  height: 100%;
707
-  border-radius: 30%;
708
-}
709
-.osPlusSoftware .osContianer .osContianer_des_fontParent {
710
-  position: relative;
711
-  top: -8%;
712
-}
713
-.osPlusSoftware .osContianer .osContianer_des_font {
714
-  font-size: 2rem;
715
-  font-weight: 600;
716
-}
717
-.osPlusSoftware .osContianer .osContianerHeading {
718
-  position: relative;
719
-  top: -15%;
720
-}
721
-.osPlusSoftware .osContianer .osContianerImg {
722
-  position: absolute;
723
-  bottom: 0;
724
-}
725
-
726
 @media (max-width: 1200px) {
647
 @media (max-width: 1200px) {
727
   .productOverview .p-6 {
648
   .productOverview .p-6 {
728
     padding: 0;
649
     padding: 0;
1219
   height: 100%;
1140
   height: 100%;
1220
 }
1141
 }
1221
 .wifiSection .textWifiContainer .textWifiContainerHeading > h1 {
1142
 .wifiSection .textWifiContainer .textWifiContainerHeading > h1 {
1222
-  font-size: 8rem;
1143
+  font-size: 5rem;
1223
 }
1144
 }
1224
 
1145
 
1225
 @media (max-width: 1200px) {
1146
 @media (max-width: 1200px) {
1277
     font-size: 1.5rem;
1198
     font-size: 1.5rem;
1278
   }
1199
   }
1279
 }
1200
 }
1201
+@media (max-width: 1200px) {
1202
+  .proConnectivity h1 {
1203
+    font-size: 2.5rem;
1204
+  }
1205
+  .proConnectivity .font_p_Dual {
1206
+    font-size: 1rem;
1207
+  }
1208
+}
1209
+@media (max-width: 768px) {
1210
+  .proConnectivity h1 {
1211
+    font-size: 2rem;
1212
+  }
1213
+  .proConnectivity .font_p_Dual {
1214
+    font-size: 0.7rem;
1215
+  }
1216
+}
1217
+@media (max-width: 600px) {
1218
+  .proConnectivity .connectivityPso_des {
1219
+    padding: 2rem;
1220
+  }
1221
+}
1222
+.osPlusSoftware {
1223
+  position: relative;
1224
+  padding-top: 10rem;
1225
+}
1226
+.osPlusSoftware .osContianer {
1227
+  position: absolute;
1228
+  top: 5rem;
1229
+  left: 50%;
1230
+  transform: translateX(-50%);
1231
+}
1232
+.osPlusSoftware .osContianer_des_font {
1233
+  font-size: 1.5rem;
1234
+}
1235
+
1236
+@media (max-width: 1200px) {
1237
+  .osPlusSoftware {
1238
+    position: relative;
1239
+  }
1240
+  .osPlusSoftware .osContianerHeading > h1 {
1241
+    font-size: 5rem;
1242
+  }
1243
+  .osPlusSoftware .osContianer_des_font {
1244
+    font-size: 1.5rem;
1245
+  }
1246
+}
1247
+@media (max-width: 1000px) {
1248
+  .osPlusSoftware {
1249
+    padding-top: 1rem;
1250
+  }
1251
+  .osPlusSoftware .osContianer {
1252
+    top: 1rem;
1253
+  }
1254
+  .osPlusSoftware .osContianerHeading > h1 {
1255
+    font-size: 2rem;
1256
+    text-align: center;
1257
+  }
1258
+  .osPlusSoftware .osContianer_des_font {
1259
+    font-size: 1rem;
1260
+  }
1261
+}
1262
+@media (max-width: 768px) {
1263
+  .osPlusSoftware .osContianer {
1264
+    top: -1rem;
1265
+  }
1266
+  .osPlusSoftware .osContianerHeading > h1 {
1267
+    font-size: 2rem;
1268
+    text-align: center;
1269
+  }
1270
+  .osPlusSoftware .osContianer_des_font {
1271
+    font-size: 0.7rem;
1272
+    text-align: center;
1273
+  }
1274
+}
1275
+.controlPanel {
1276
+  margin-top: 10rem;
1277
+  padding-bottom: 300px;
1278
+}
1279
+.controlPanel .controlPanel_des {
1280
+  position: absolute;
1281
+  top: -170px;
1282
+  left: 80px;
1283
+}
1284
+.controlPanel .bgControlpanel {
1285
+  min-height: 100vh;
1286
+  background-color: #ececec;
1287
+  border-radius: 157px;
1288
+  position: relative;
1289
+}
1290
+.controlPanel .bgControlpanel .bgControlpaneltabs {
1291
+  position: absolute;
1292
+  top: 100px;
1293
+  right: 0;
1294
+}
1295
+.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs {
1296
+  border-bottom: 1px solid;
1297
+  margin-bottom: 2rem;
1298
+}
1299
+.controlPanel .bgControlpanel .bgControlpaneltabs .nav-item {
1300
+  position: relative;
1301
+  border: none;
1302
+}
1303
+.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link {
1304
+  position: relative;
1305
+  color: black;
1306
+  font-weight: 500;
1307
+}
1308
+.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link.active {
1309
+  border: none;
1310
+  background-color: transparent;
1311
+}
1312
+.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link.active::before {
1313
+  display: block;
1314
+}
1315
+.controlPanel .bgControlpanel .bgControlpaneltabs .nav-item .nav-link::before {
1316
+  content: "";
1317
+  position: absolute;
1318
+  width: 100%;
1319
+  height: 5px;
1320
+  bottom: -2px;
1321
+  right: 0;
1322
+  display: none;
1323
+  background-color: black;
1324
+}
1325
+
1326
+@media (max-width: 768px) {
1327
+  .controlPanel {
1328
+    padding-bottom: 100px;
1329
+  }
1330
+  .controlPanel .bgControlpanel {
1331
+    min-height: 50vh;
1332
+  }
1333
+}
1334
+/* home page */
1335
+.button_dark.btn-dark {
1336
+  background-color: #000000 !important;
1337
+  font-family: "Satoshi", sans-serif;
1338
+}
1339
+
1340
+.button_dark.btn-dark:hover {
1341
+  background-color: #000000 !important;
1342
+  font-family: "Satoshi", sans-serif;
1343
+  opacity: 1 !important;
1344
+}
1345
+
1346
+.home-main-container #navbar-head .navbar-nav .nav-item .nav-link {
1347
+  color: #000000;
1348
+  font-family: "Satoshi", sans-serif;
1349
+}
1350
+
1351
+.hero-banner {
1352
+  background-image: url(../../dist/assets/imgs/Home/banner.png);
1353
+  background-size: cover;
1354
+  background-repeat: no-repeat;
1355
+  background-position: center center;
1356
+  background-position-y: -100px;
1357
+}
1358
+.hero-banner .banner-main-container {
1359
+  height: 400px;
1360
+}
1361
+
1362
+.home-main-container .offer-main-sec .offer-sec {
1363
+  margin-top: -35px;
1364
+}
1365
+
1366
+.home-main-container .aw-feature-name h5 {
1367
+  transform: rotate(180deg);
1368
+  transform-origin: center center 0;
1369
+  -ms-writing-mode: tb-rl;
1370
+      writing-mode: vertical-rl;
1371
+}
1372
+
1373
+.home-main-container .out-of-world .card {
1374
+  background-color: #0FA5C5;
1375
+}
1376
+
1377
+.home-main-container .aw-support-sec .aw-support-sec-main-container {
1378
+  background-color: #F2F9FB;
1379
+}
1380
+.home-main-container .aw-support-sec .news-letter-sec .news-letter-email:focus {
1381
+  border-bottom: 1px solid white;
1382
+  outline: none;
1383
+}
1384
+.home-main-container .aw-support-sec .news-letter-sec .news-letter-email::-moz-placeholder {
1385
+  color: white;
1386
+}
1387
+.home-main-container .aw-support-sec .news-letter-sec .news-letter-email:-ms-input-placeholder {
1388
+  color: white;
1389
+}
1390
+.home-main-container .aw-support-sec .news-letter-sec .news-letter-email::placeholder {
1391
+  color: white;
1392
+}
1393
+
1394
+.home-main-container .owl-carousel.star-products-img-sec .owl-dots {
1395
+  text-align: left;
1396
+}
1397
+.home-main-container .owl-carousel.star-products-img-sec .owl-dots .owl-dot span {
1398
+  height: 3px;
1399
+  width: 25px;
1400
+}
1401
+.home-main-container .owl-carousel.star-products-img-sec .owl-dots .owl-dot.active {
1402
+  color: #000000;
1403
+}
1404
+
1405
+.home-main-container .owl-carousel.star-products-img-sec .owl-nav {
1406
+  text-align: right;
1407
+  margin-right: 5rem;
1408
+}
1409
+
1410
+@media (min-width: 1900px) {
1411
+  .hero-banner {
1412
+    background-size: 100% 100%;
1413
+  }
1414
+  .products-main-container .col-md-6 {
1415
+    text-align: center !important;
1416
+  }
1417
+  .products-main-container .col-md-6 .product-heading span {
1418
+    text-align: center !important;
1419
+    margin: auto !important;
1420
+  }
1421
+}
1422
+@media (min-width: 769px) and (max-width: 1024px) {
1423
+  .home-main-container .aw-partners.sec-space-1 {
1424
+    margin-top: 0px;
1425
+  }
1426
+  .home-main-container .aw-partners .sec-space-3 {
1427
+    margin-right: 60px;
1428
+  }
1429
+  .home-main-container .offer-main-sec .offer-sec {
1430
+    margin-top: -30%;
1431
+  }
1432
+  .home-main-container .news-letter-sec .card-body.px-5 {
1433
+    padding: 20px !important;
1434
+  }
1435
+  .home-main-container .news-letter-sec a.button_dark {
1436
+    padding: 10px 5px;
1437
+  }
1438
+}
1439
+@media (min-width: 298px) and (max-width: 768px) {
1440
+  .home-main-container h5,
1441
+.home-main-container h6 {
1442
+    font-size: 1rem;
1443
+  }
1444
+  .home-main-container .sec-space-1,
1445
+.home-main-container .sec-space-2 {
1446
+    margin-top: 40px;
1447
+  }
1448
+  .home-main-container .banner-main-container {
1449
+    height: 550px;
1450
+    text-align: center;
1451
+  }
1452
+  .home-main-container .banner-main-container .col-md-6 {
1453
+    margin-top: 0px;
1454
+  }
1455
+  .home-main-container .banner-main-container .col-md-6 .button_dark {
1456
+    display: none;
1457
+  }
1458
+  .home-main-container .banner-main-container h1 {
1459
+    font-size: 2rem;
1460
+  }
1461
+  .home-main-container .hero-banner {
1462
+    background-position: 0;
1463
+  }
1464
+  .home-main-container .aw-main-features {
1465
+    display: none;
1466
+  }
1467
+  .home-main-container .mobile-text-center {
1468
+    text-align: center;
1469
+  }
1470
+  .home-main-container .aw-feature-name h5 {
1471
+    transform: rotate(0deg);
1472
+    -ms-writing-mode: lr-tb;
1473
+        writing-mode: horizontal-tb;
1474
+  }
1475
+  .home-main-container .products-main-container .enterprise-prd {
1476
+    margin-top: 10px;
1477
+  }
1478
+  .home-main-container .news-letter-sec a.button_dark {
1479
+    padding: 10px 5px;
1480
+  }
1481
+  .home-main-container .owl-carousel.star-products-img-sec .owl-nav {
1482
+    text-align: center;
1483
+    margin-right: 0px;
1484
+  }
1485
+  .home-main-container .star-products .owl-dots {
1486
+    display: none;
1487
+  }
1488
+  .home-main-container .aw-support-sec-main-container .row {
1489
+    margin: 0px !important;
1490
+    text-align: center;
1491
+  }
1492
+  .home-main-container .aw-support-sec-main-container .col-md-4 {
1493
+    border: none !important;
1494
+  }
1495
+  .home-main-container .aw-support-sec-main-container .support-sec-heading {
1496
+    padding: 0 !important;
1497
+  }
1498
+  .home-main-container .offer-main-sec {
1499
+    margin-bottom: 0 !important;
1500
+    padding: 0 !important;
1501
+  }
1502
+  .home-main-container .offer-sec p {
1503
+    font-size: 0.85rem;
1504
+  }
1505
+  .footer-wrapper .accordion-button,
1506
+.footer-wrapper .accordion-body {
1507
+    font-family: "Satoshi", sans-serif;
1508
+    color: white;
1509
+    background-color: #000000;
1510
+  }
1511
+  .footer-wrapper .accordion-button:not(.collapsed)::after,
1512
+.footer-wrapper .accordion-button.collapsed::after {
1513
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
1514
+  }
1515
+}
1516
+.shopping-cart-main-container {
1517
+  background-color: #F5FFEA;
1518
+  padding-bottom: 50px;
1519
+}
1520
+.shopping-cart-main-container * {
1521
+  font-family: "Satoshi", sans-serif;
1522
+}
1523
+.shopping-cart-main-container h6 {
1524
+  padding: 10px;
1525
+  margin-bottom: 0;
1526
+}
1527
+.shopping-cart-main-container .cart-sec-highlighter .text-muted {
1528
+  color: #C5C5C5 !important;
1529
+}
1530
+.shopping-cart-main-container .alert-display-sec {
1531
+  z-index: 1;
1532
+}
1533
+.shopping-cart-main-container .alert-display-sec .alert-dismissible {
1534
+  background: rgba(255, 255, 255, 0.66);
1535
+}
1536
+
1537
+.warrenty-sec img {
1538
+  width: 40px;
1539
+}
1540
+
1541
+#footer-head .footer-wrapper.sec-space-1 {
1542
+  margin-top: 0;
1543
+}
1544
+
1545
+@media (max-width: 1300px) {
1546
+  .cart-sec-highlighter h5 {
1547
+    font-size: 0.8rem;
1548
+  }
1549
+}
1550
+@media (max-width: 768px) {
1551
+  .cart-sec-highlighter,
1552
+.shopping-cart-details-row-1 {
1553
+    display: none !important;
1554
+  }
1555
+  .buy-together-sec {
1556
+    text-align: center;
1557
+  }
1558
+  .buy-together-sec .row {
1559
+    padding: 10px;
1560
+  }
1561
+  .mobile-cart-img img {
1562
+    width: 200px;
1563
+  }
1564
+}
1280
 .clipPathSectionCol {
1565
 .clipPathSectionCol {
1281
   position: relative;
1566
   position: relative;
1282
 }
1567
 }
1347
 }
1632
 }
1348
 
1633
 
1349
 .allinoneDualMarginTop {
1634
 .allinoneDualMarginTop {
1350
-  margin-top: 200px;
1635
+  margin-top: 100px;
1351
 }
1636
 }
1352
 
1637
 
1353
 .sectionfiveAllinOne .infoContainer {
1638
 .sectionfiveAllinOne .infoContainer {
1639
   font-family: "Orbitron", sans-serif;
1924
   font-family: "Orbitron", sans-serif;
1640
 }
1925
 }
1641
 
1926
 
1642
-/* Satoshi end */
1643
-.satoshi_font {
1644
-  font-family: "Satoshi", sans-serif;
1645
-}
1646
-
1647
 html {
1927
 html {
1648
   font-size: 100%;
1928
   font-size: 100%;
1649
 }
1929
 }
1708
 .footer-wrapper .footer-sub-content p {
1988
 .footer-wrapper .footer-sub-content p {
1709
   line-height: 2rem;
1989
   line-height: 2rem;
1710
   font-family: "Satoshi", sans-serif;
1990
   font-family: "Satoshi", sans-serif;
1711
-}
1712
-
1713
-/* footer */
1714
-.footer-wrapper {
1715
-  background-color: rgb(0, 0, 0);
1716
-  border-radius: 0 275px 0 0;
1717
-  -webkit-clip-path: polygon(100% 0%, 100% 0%, 81% 100%, 92% -95%, 100% 100%, 0 100%, 0% 70%, 0 0);
1718
-          clip-path: polygon(100% 0%, 100% 0%, 81% 100%, 92% -95%, 100% 100%, 0 100%, 0% 70%, 0 0);
1719
-}
1720
-
1721
-.footer-wrapper li {
1722
-  line-height: 2rem;
1723
 }/*# sourceMappingURL=style.css.map */
1991
 }/*# sourceMappingURL=style.css.map */

Loading…
Cancel
Save