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

code

sachinganesh vor 2 Jahren
Ursprung
f6e582be3f
Commit
7532d035cc
28 geänderte Dateien mit 69 neuen und 11 gelöschten Zeilen
Geteilte Ansicht Diff-Statistik anzeigen
  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 Datei anzeigen


BIN
dist/assets/font/orbitron/Orbitron-Black.ttf Datei anzeigen


BIN
dist/assets/font/orbitron/Orbitron-Bold.ttf Datei anzeigen


BIN
dist/assets/font/orbitron/Orbitron-ExtraBold.ttf Datei anzeigen


BIN
dist/assets/font/orbitron/Orbitron-Medium.ttf Datei anzeigen


BIN
dist/assets/font/orbitron/Orbitron-Regular.ttf Datei anzeigen


BIN
dist/assets/font/orbitron/Orbitron-SemiBold.ttf Datei anzeigen


BIN
dist/assets/font/satoshi/Satoshi-Black.ttf Datei anzeigen


BIN
dist/assets/font/satoshi/Satoshi-BlackItalic.ttf Datei anzeigen


BIN
dist/assets/font/satoshi/Satoshi-Bold.ttf Datei anzeigen


BIN
dist/assets/font/satoshi/Satoshi-BoldItalic.ttf Datei anzeigen


BIN
dist/assets/font/satoshi/Satoshi-Italic.ttf Datei anzeigen


BIN
dist/assets/font/satoshi/Satoshi-Light.ttf Datei anzeigen


BIN
dist/assets/font/satoshi/Satoshi-LightItalic.ttf Datei anzeigen


BIN
dist/assets/font/satoshi/Satoshi-Medium.ttf Datei anzeigen


BIN
dist/assets/font/satoshi/Satoshi-MediumItalic.ttf Datei anzeigen


BIN
dist/assets/font/satoshi/Satoshi-Regular.ttf Datei anzeigen


BIN
dist/assets/font/satoshi/Satoshi-Variable.ttf Datei anzeigen


BIN
dist/assets/font/satoshi/Satoshi-VariableItalic.ttf Datei anzeigen


dist/assets/anwi logo-02.png → dist/assets/imgs/anwi logo-02.png Datei anzeigen


dist/assets/anwilogo-01.png → dist/assets/imgs/anwilogo-01.png Datei anzeigen


dist/assets/box.png → dist/assets/imgs/box.png Datei anzeigen


dist/assets/laptop.png → dist/assets/imgs/laptop.png Datei anzeigen


BIN
dist/assets/imgs/laptop_display.png Datei anzeigen


BIN
dist/assets/imgs/productoverview/productbg.png Datei anzeigen


+ 29
- 1
dist/css/main.css Datei anzeigen 

@@ -15,12 +15,40 @@ ORDER: Base + typography > general layout + grid > page layout > components
15 15
16 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 44 
 *::after,
20 45 
 *::before {
21 46 
   margin: 0;
22 47 
   padding: 0;
23 
-  box-sizing: inherit; }
48 
+  box-sizing: inherit;
49 
+
50 
+  font-family: "Orbitron" ,sans-serif;
51 
+}
24 52
25 53 
 html {
26 54 
   font-size: 100%; }

+ 37
- 8
dist/css/pages/productOverview.css Datei anzeigen 

@@ -1,28 +1,57 @@
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 9 
 .photo_dual {
2 
-  width: 40rem; }
10 
+  width: 40rem;
11 
+}
3 12
4 13 
 .price_footer {
5 
-  background-color: #52cba5; }
14 
+  background-color: #52cba5;
15 
+  border: 2px solid;
16 
+}
6 17
7 18 
 .boxImgContainer {
8 
-  width: 4rem; }
19 
+  width: 4rem;
20 
+}
9 21
10 22 
 .priceCut_multi {
11 
-  font-size: .7rem; }
23 
+  font-size: 0.7rem;
24 
+}
12 25
13 26 
 .productOverview .overviewProductHeading {
14 
-  font-size: 2.1rem; }
27 
+  font-size: 2.1rem;
28 
+}
15 29
16 30 
 .productOverview .overviewProductFullTitle {
17 31 
   padding: 2rem 13rem;
18 
-  font-size: 3rem; }
32 
+  font-size: 3rem;
33 
+}
19 34
20 35 
 .productOverview .overviewProductDes {
21 36 
   padding: 0 2rem;
22 
-  font-size: 1.5rem; }
37 
+  font-size: 1.5rem;
38 
+}
23 39
24 40 
 .PO_galleryContainer .PO_gallery_display {
25 41 
   min-height: 500px;
26 42 
   width: 100%;
27 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 Datei anzeigen 

@@ -8,12 +8,13 @@
8 8
9 9 
     <link rel="stylesheet" href="../../../libs/bootstrap/css/bootstrap.min.css" />
10 10 
     <link rel="stylesheet" href="./../../css/main.css" />
11 
+    <link rel="stylesheet" href="./../../css/pages/productOverview.css">
11 12 
     <title>project</title>
12 13 
 </head>
13 14
14 15 
 <body>
15 16
16 
-    <header class=" bg-green vh-100">
17 
+    <header class="productoverviewmain bg-green vh-100">
17 18
18 19 
         <!-- navbar -->
19 20 
         <div id="navbar-head"></div>
 
@@ -28,7 +29,7 @@
28 29 
                 <div class="col-sm-7 h-100">
29 30 
                     <div class="d-flex align-items-end justify-content-end h-100">
30 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 33 
                         </div>
33 34 
                     </div>
34 35 
                 </div>

Verfassen Vorschau
Laden…
Abbrechen
Speichern