sachin.ganesh
/
anwi_website
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

code

sachinganesh 2 years ago
parent
f6e582be3f
commit
7532d035cc
28 changed files with 69 additions and 11 deletions
Unified View Show Diff Stats
  1. BIN
      dist/assets/font/birdlove/Birdlove-jE1Pv.ttf
  2. BIN
      dist/assets/font/orbitron/Orbitron-Black.ttf
  3. BIN
      dist/assets/font/orbitron/Orbitron-Bold.ttf
  4. BIN
      dist/assets/font/orbitron/Orbitron-ExtraBold.ttf
  5. BIN
      dist/assets/font/orbitron/Orbitron-Medium.ttf
  6. BIN
      dist/assets/font/orbitron/Orbitron-Regular.ttf
  7. BIN
      dist/assets/font/orbitron/Orbitron-SemiBold.ttf
  8. BIN
      dist/assets/font/satoshi/Satoshi-Black.ttf
  9. BIN
      dist/assets/font/satoshi/Satoshi-BlackItalic.ttf
  10. BIN
      dist/assets/font/satoshi/Satoshi-Bold.ttf
  11. BIN
      dist/assets/font/satoshi/Satoshi-BoldItalic.ttf
  12. BIN
      dist/assets/font/satoshi/Satoshi-Italic.ttf
  13. BIN
      dist/assets/font/satoshi/Satoshi-Light.ttf
  14. BIN
      dist/assets/font/satoshi/Satoshi-LightItalic.ttf
  15. BIN
      dist/assets/font/satoshi/Satoshi-Medium.ttf
  16. BIN
      dist/assets/font/satoshi/Satoshi-MediumItalic.ttf
  17. BIN
      dist/assets/font/satoshi/Satoshi-Regular.ttf
  18. BIN
      dist/assets/font/satoshi/Satoshi-Variable.ttf
  19. BIN
      dist/assets/font/satoshi/Satoshi-VariableItalic.ttf
  20. 0
    0
      dist/assets/imgs/anwi logo-02.png
  21. 0
    0
      dist/assets/imgs/anwilogo-01.png
  22. 0
    0
      dist/assets/imgs/box.png
  23. 0
    0
      dist/assets/imgs/laptop.png
  24. BIN
      dist/assets/imgs/laptop_display.png
  25. BIN
      dist/assets/imgs/productoverview/productbg.png
  26. 29
    1
      dist/css/main.css
  27. 37
    8
      dist/css/pages/productOverview.css
  28. 3
    2
      dist/html/pages/laptopmulti.html

BIN
dist/assets/font/birdlove/Birdlove-jE1Pv.ttf View File


BIN
dist/assets/font/orbitron/Orbitron-Black.ttf View File


BIN
dist/assets/font/orbitron/Orbitron-Bold.ttf View File


BIN
dist/assets/font/orbitron/Orbitron-ExtraBold.ttf View File


BIN
dist/assets/font/orbitron/Orbitron-Medium.ttf View File


BIN
dist/assets/font/orbitron/Orbitron-Regular.ttf View File


BIN
dist/assets/font/orbitron/Orbitron-SemiBold.ttf View File


BIN
dist/assets/font/satoshi/Satoshi-Black.ttf View File


BIN
dist/assets/font/satoshi/Satoshi-BlackItalic.ttf View File


BIN
dist/assets/font/satoshi/Satoshi-Bold.ttf View File


BIN
dist/assets/font/satoshi/Satoshi-BoldItalic.ttf View File


BIN
dist/assets/font/satoshi/Satoshi-Italic.ttf View File


BIN
dist/assets/font/satoshi/Satoshi-Light.ttf View File


BIN
dist/assets/font/satoshi/Satoshi-LightItalic.ttf View File


BIN
dist/assets/font/satoshi/Satoshi-Medium.ttf View File


BIN
dist/assets/font/satoshi/Satoshi-MediumItalic.ttf View File


BIN
dist/assets/font/satoshi/Satoshi-Regular.ttf View File


BIN
dist/assets/font/satoshi/Satoshi-Variable.ttf View File


BIN
dist/assets/font/satoshi/Satoshi-VariableItalic.ttf View File


dist/assets/anwi logo-02.png → dist/assets/imgs/anwi logo-02.png View File


dist/assets/anwilogo-01.png → dist/assets/imgs/anwilogo-01.png View File


dist/assets/box.png → dist/assets/imgs/box.png View File


dist/assets/laptop.png → dist/assets/imgs/laptop.png View File


BIN
dist/assets/imgs/laptop_display.png View File


BIN
dist/assets/imgs/productoverview/productbg.png View File


+ 29
- 1
dist/css/main.css View File

15
15
16 
 1em = 16px
 16 
 1em = 16px
17 
 */
 17 
 */
18 
+@font-face {
19 
+  font-family: "Orbitron";
20 
+  src: url("../assets/font/orbitron/Orbitron-Regular.ttf") format("truetype");
21 
+  font-weight: 400;
22 
+  font-style: normal;
23 
+}
24 
+@font-face {
25 
+  font-family: "Orbitron";
26 
+  src: url("../assets/font/orbitron/Orbitron-Medium.ttf") format("truetype");
27 
+  font-weight: 500;
28 
+  font-style: normal;
29 
+}
30 
+@font-face {
31 
+  font-family: "Orbitron";
32 
+  src: url("../assets/font/orbitron/Orbitron-SemiBold.ttf") format("truetype");
33 
+  font-weight: 600;
34 
+  font-style: normal;
35 
+}
36 
+@font-face {
37 
+  font-family: "Orbitron";
38 
+  src: url("../assets/font/orbitron/Orbitron-Bold.ttf") format("truetype");
39 
+  font-weight: 700;
40 
+  font-style: normal;
41 
+}
42 
+
18 
 *,
 43 
 *,
19 
 *::after,
 44 
 *::after,
20 
 *::before {
 45 
 *::before {
21 
   margin: 0;
 46 
   margin: 0;
22 
   padding: 0;
 47 
   padding: 0;
23 
-  box-sizing: inherit; }
48 
+  box-sizing: inherit;
49 
+
50 
+  font-family: "Orbitron" ,sans-serif;
51 
+}
24
52
25 
 html {
 53 
 html {
26 
   font-size: 100%; }
 54 
   font-size: 100%; }

+ 37
- 8
dist/css/pages/productOverview.css View File

1 
+.productoverviewmain{
2 
+  background-image: url("../../assets/imgs/productoverview/productbg.png");
3 
+  background-color: #cccccc;
4 
+  background-size:     cover;                      /* <------ */
5 
+  background-repeat:   no-repeat;
6 
+  background-position: center center;
7 
+}
8 
+
1 
 .photo_dual {
 9 
 .photo_dual {
2 
-  width: 40rem; }
10 
+  width: 40rem;
11 
+}
3
12
4 
 .price_footer {
 13 
 .price_footer {
5 
-  background-color: #52cba5; }
14 
+  background-color: #52cba5;
15 
+  border: 2px solid;
16 
+}
6
17
7 
 .boxImgContainer {
 18 
 .boxImgContainer {
8 
-  width: 4rem; }
19 
+  width: 4rem;
20 
+}
9
21
10 
 .priceCut_multi {
 22 
 .priceCut_multi {
11 
-  font-size: .7rem; }
23 
+  font-size: 0.7rem;
24 
+}
12
25
13 
 .productOverview .overviewProductHeading {
 26 
 .productOverview .overviewProductHeading {
14 
-  font-size: 2.1rem; }
27 
+  font-size: 2.1rem;
28 
+}
15
29
16 
 .productOverview .overviewProductFullTitle {
 30 
 .productOverview .overviewProductFullTitle {
17 
   padding: 2rem 13rem;
 31 
   padding: 2rem 13rem;
18 
-  font-size: 3rem; }
32 
+  font-size: 3rem;
33 
+}
19
34
20 
 .productOverview .overviewProductDes {
 35 
 .productOverview .overviewProductDes {
21 
   padding: 0 2rem;
 36 
   padding: 0 2rem;
22 
-  font-size: 1.5rem; }
37 
+  font-size: 1.5rem;
38 
+}
23
39
24 
 .PO_galleryContainer .PO_gallery_display {
 40 
 .PO_galleryContainer .PO_gallery_display {
25 
   min-height: 500px;
 41 
   min-height: 500px;
26 
   width: 100%;
 42 
   width: 100%;
27 
   background: white;
 43 
   background: white;
28 
-  background: linear-gradient(180deg, white 7%, #ff8e9e4d 52%, #eb869478 100%); }
44 
+  background: linear-gradient(180deg, white 7%, #ff8e9e4d 52%, #eb869478 100%);
45 
+  position: relative;
46 
+}
47 
+.PO_galleryContainer .PO_gallery_display .PO_gallery_display_img {
48 
+  position: absolute;
49 
+  top: 50%;
50 
+  left: 50%;
51 
+  transform: translate(-50%, -50%);
52 
+}
53 
+
54 
+.PO_galleryContainer .PO_gallery_box_inner {
55 
+  padding: 2rem;
56 
+  background-color: #eeeeee;
57 
+}

+ 3
- 2
dist/html/pages/laptopmulti.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="./../../css/pages/productOverview.css">
11 
     <title>project</title>
 12 
     <title>project</title>
12 
 </head>
 13 
 </head>
13
14
14 
 <body>
 15 
 <body>
15
16
16 
-    <header class=" bg-green vh-100">
17 
+    <header class="productoverviewmain bg-green vh-100">
17
18
18 
         <!-- navbar -->
 19 
         <!-- navbar -->
19 
         <div id="navbar-head"></div>
 20 
         <div id="navbar-head"></div>
28 
                 <div class="col-sm-7 h-100">
 29 
                 <div class="col-sm-7 h-100">
29 
                     <div class="d-flex align-items-end justify-content-end h-100">
 30 
                     <div class="d-flex align-items-end justify-content-end h-100">
30 
                         <div class="photo_dual">
 31 
                         <div class="photo_dual">
31 
-                            <img class="w-100 h-100" src="./../../assets/laptop.png" alt="laptop">
32 
+                            <!-- <img class="w-100 h-100" src="./../../assets/laptop.png" alt="laptop"> -->
32 
                         </div>
 33 
                         </div>
33 
                     </div>
 34 
                     </div>
34 
                 </div>
 35 
                 </div>

Write Preview
Loading…
Cancel
Save