abc

Ware.txt

@@ -29,7 +29,6 @@ Maximale RAM Größe 128GB
 Speichertypen: DDR5 4800MT/s; DDR4 3200MT/s
 Speicherkanäle: 2
 Speicherbandbreite: 76,8GB/s
-Prozessorgrafik: Intel UHD Graphics 770 300MHz -1.55GHz
+Prozessorgrafik: Intel UHD Graphics 770; 300MHz up to 1.55GHz
 Video Ausgang: Displayport 1.4, HDMI 2.1
 Maximale Video Auflösung: HDMI 4096x2160@60Hz; DP 7680x4320@60Hz
-

assets/seiten/css/shop.css

@@ -25,13 +25,12 @@
     width: 81%;
     height: 26%;
 }
-#tp{
+#top-item {
     margin-top: 6.5%;
 }
 .shop-img img {
     margin-left: 1em;
     border-radius: 1em;
-    border: 0.05em solid #121212;
     height: 90%;
     width: 90%;
 }
@@ -42,7 +41,12 @@
 }
 .item-desc {
     margin-top: 1%;
+    color: #b5b5bd;
 }
 .item-hdline {
     margin-top: 1%;
+}
+.item-preis {
+    margin-top: 1%;
+    color: #b5b5bd;
 }

assets/seiten/shop.html

@@ -24,15 +24,17 @@
             <h1 class="hdline">Neuwaren Shop</h1>
         
             <!-- Shop Items -->
-            <div id="tp" class="item">
-                <a class="shop-img" href="../bilder/SignIn_Button.jpg">
-                    <img class="shop-img" src="../bilder/SignIn_Button.jpg"/>
+            <div id="top-item" class="item" onclick="location.href='./waren/RTX3090FE.html';">
+                <a href="./waren/RTX3090FE.html">
+                    <a class="shop-img">
+                        <img class="shop-img" src="../bilder/RTX3090FE.png"/>
+                    </a>
+                    <div class="item-description">
+                        <h1 class="item-hdline">Geforce RTX3090</h1>
+                        <p class="item-desc">Nvidia Geforce RTX3090 Founders Edition</p>
+                        <p class="item-preis">Preis: 1.549€*</p>
+                    </div>
                 </a>
-                <div class="item-description">
-                    <h1 class="item-hdline">Name</h1>
-                    <p class="item-desc">Description</p>
-                    <p class="preis">Preis</p>
-                </div>
             </div>
 
             <div class="item">
@@ -40,23 +42,11 @@
                     <img class="shop-img" src="../bilder/SignIn_Button.jpg"/>
                 </a>
                 <div class="item-description">
-                    <h1 class="item-hdline">Name 2</h1>
-                    <p class="item-desc">Description 2</p>
-                    <p class="preis">Preis 2</p>
+                    <h1 class="item-hdline">Name</h1>
+                    <p class="item-desc">Description</p>
+                    <p class="item-preis">Preis: </p>
                 </div>
             </div>
-            <div class="item">
-                <a class="shop-img" href="../bilder/SignIn_Button.jpg">
-                    <img class="shop-img" src="../bilder/SignIn_Button.jpg"/>
-                </a>
-                <div class="item-description">
-                    <h1 class="item-hdline">Name 3</h1>
-                    <p class="item-desc">Description 3</p>
-                    <p class="preis">Preis 3</p>
-                </div>
-            </div>
-        </div>
-        <!-- On Top Knopf -->
-        <a id="up-btn" href="#top">⬆️<br>Nach Oben</a>            
+        </div>      
     </body>
 </html>