abc

2022-01-10 12:25:40 +01:00
parent 726fd04ba6
commit eba8359900
2 changed files with 71 additions and 0 deletions
--- a/assets/seiten/css/waren.css
+++ b/assets/seiten/css/waren.css
@@ -0,0 +1,35 @@
+.product-name {
+    margin-top: 5%;
+    margin-right: 5%;
+    height: 10%;
+    width: 45%;
+}
+.product-name h1 {
+    text-align: center;
+    vertical-align: middle;
+    top: 25%;
+}
+.product-img {
+    margin-top: 1%;
+    margin-right: 5%;
+    height: 60%;
+    width: 45%;
+}
+.product-img img {
+    width: 100%;
+    height: fit-content;
+}
+
+.product-img, .product-name{
+    overflow: hidden;
+    background-color: rgba(0, 0, 0, 0.12);
+    margin-right: 2.5%;
+    text-align: center;
+    border-radius: 1em;
+    border: 0.05em solid #121212;
+    color: #b5b5bd;
+    z-index: 101!important;
+    font-size: small;
+    -webkit-backdrop-filter: blur(5px);
+    backdrop-filter: blur(5px);
+}
--- a/assets/seiten/waren/waren-vorlage.html
+++ b/assets/seiten/waren/waren-vorlage.html
@@ -0,0 +1,36 @@
+<!-- Autoren: Mika Buhl, Florian Knoche, Fabian Märker; KBM - Kauf beim Meister -->
+<html lang="de">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="with=device-width, initial-scale=1.0">
+        <title>Produkt-Name</title>
+        <link rel="stylesheet" type="text/css" href="../css/design.css"/>
+        <link rel="stylesheet" type="text/css" href="../css/waren.css"/>
+        <link rel="icon" type="image/png" href="../../bilder/Logo.png">
+    </head>
+    <body>
+        <!-- Menü -->
+        <div id="menu" class="menu">
+            <div class="btn-left">
+                <a class="neon-button " href="../shop.html"><br>Shop<br></a>
+                <a class="neon-button " href="../b-waren.html"><br>B-Waren<br></a>
+            </div>
+            <a href="#top"><img id="logo" src="../../bilder/Logo.png"></a>
+            <div class="btn-right">
+                <a class="neon-button" href="../services.html">Service<br>Retouren<br>Reparaturen</a>
+                <a class="neon-button" href="../login.html"><br>Anmelden<br></a>
+            </div>
+        </div>
+        <div class="seite">
+            <div class="product-name">
+                <h1 title="Produkt Name">Nvidia Geforce RTX3090 Founders Edition</h1>
+            </div>
+            <div class="product-img">
+                <img title="Produkt Bild" src="../../bilder/RTX3090FE.png"/>
+            </div>
+            <div class="product-desc">
+                <a title="Produkt Informationen">Hersteller: Nvidia<br>Release:</a>
+            </div>
+        </div>
+    </body>
+</html>