Fabian/kbm-html
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

asdf

Browse Source
This commit is contained in:
M1kq
2022-01-17 12:52:47 +01:00
parent d255f1ee25
commit 669b1a8a8c
11 changed files with 164 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/bilder/I9-12900K.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 599 KiB

BIN
assets/bilder/RTX2070.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 348 KiB

BIN
assets/bilder/background.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.9 MiB

After

Width:  |  Height:  |  Size: 11 MiB

30
assets/seiten/b-waren.html
View File

@@ -21,21 +21,21 @@
</div>
</div>
<div class="seite">
<!-- Sterne -->
<div class="sterne">
<section>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</section>
<h1 class="hdline">B-Waren Shop</h1>
<!-- Shop Items -->
<div id="top-item" class="item" onclick="location.href='./waren/RTX2070.html';">
<a href="./waren/RTX3090FE.html">
<a class="shop-img">
<img class="shop-img" src="../bilder/RTX2070.png"/>
</a>
<div class="item-description">
<h1 class="item-hdline">Gefore RTX2070 </h1>
<p class="item-desc">Nvidia Geforce RTX2070 </p>
<p class="item-preis">Preis: 700€*</p>
</div>
</a>
</div>
</div>
</div>
</body>
</html>

1
assets/seiten/css/shop.css
View File

@@ -45,6 +45,7 @@
}
.item-hdline {
margin-top: 1%;
color: #b5b5bd;
}
.item-preis {
margin-top: 1%;

12
assets/seiten/css/waren.css
View File

@@ -10,7 +10,7 @@
}
.product-img {
margin-top: 1%;
height: 60%;
height: 80%;
width: 100%;
}
.product-img img {
@@ -20,7 +20,7 @@
.product-desc {
float: right;
width: 90%;
height: 71%;
height: 91%;
margin-top: 5%;
}
.placeholder {
@@ -31,13 +31,15 @@
display: inline-flex;
}
.buy {
width: 90%;
bottom: 10%;
width: 95%;
height: 15%;
background: linear-gradient(-5deg, hsl(86, 61%, 44%), hsl(86, 65%, 54%));
color: #121212;
}
.buy h1 {
color: #121212;
}
.product-img, .product-name, .product-desc, .buy {
overflow: hidden;
background-color: rgba(0, 0, 0, 0.12);

18
assets/seiten/shop.html
View File

@@ -37,15 +37,17 @@
</a>
</div>
<div class="item">
<a class="shop-img" href="../bilder/SignIn_Button.jpg">
<img class="shop-img" src="../bilder/SignIn_Button.jpg"/>
<div class="item" onclick="location.href='./waren/I9-12900K.html';">
<a href="./waren/RTX3090FE.html">
<a class="shop-img">
<img class="shop-img" src="../bilder/I9-12900K.png"/>
</a>
<div class="item-description">
<h1 class="item-hdline">Core I9-12900K</h1>
<p class="item-desc">Intel Core i9-1299K @2,40GHz</p>
<p class="item-preis">Preis: 599$*</p>
</div>
</a>
<div class="item-description">
<h1 class="item-hdline">Name</h1>
<p class="item-desc">Description</p>
<p class="item-preis">Preis: </p>
</div>
</div>
</div>
</body>

61
assets/seiten/waren/I9-12900K.html Normal file
View File

@@ -0,0 +1,61 @@
<!-- 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="../../../index.html"><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="btn-left">
<div class="product-name">
<h1 title="Produkt Name">Intel Core I9-12900K @2,40GHz</h1>
</div>
<div class="product-img">
<img title="Produkt Bild" src="../../bilder/I9-12900K.png"/>
<div class="buy">
<h1 title="Kaufen">Kaufen</h1>
</div>
</div>
</div>
<div class="placeholder">
<div class="product-desc">
<a title="Produkt Informationen">
<br>Segment: Desktop CPU
<br>Basistaktung 2,40GHz
<br>Performance-core Turbo 5,10GHz
<br>Intel Turbo Boost 3.0 5,20GHz
<br>Cache 30MB Intel Smart Cache
<br>L1 Cache:
<br>L2 Cache: 14MB
<br>L3 Cache:
<br>Basis Leistungsaufnahme: 125W
<br>Maximale Turbo Leistungsaufnahme: 241W
<br>Maximale RAM Größe 128GB
<br>Speichertypen: DDR5 4800MT/s; DDR4 3200MT/s
<br>Speicherkanäle: 2
<br>Speicherbandbreite: 76,8GB/s
<br>Prozessorgrafik: Intel UHD Graphics 770; 300MHz up to 1.55GHz
<br>Video Ausgang: Displayport 1.4, HDMI 2.1
<br>Maximale Video Auflösung: HDMI 4096x2160@60Hz; DP 7680x4320@60Hz
<br><br>Preis: $599</a>
</div>
</div>
</div>
</body>
</html>

50
assets/seiten/waren/RTX2070.html Normal file
View File

@@ -0,0 +1,50 @@
<!-- 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>RTX2070</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="btn-left">
<div class="product-name">
<h1 title="Produkt Name">Intel Core I9-12900K @2,40GHz</h1>
</div>
<div class="product-img">
<img title="Produkt Bild" src="../../bilder/RTX2070.png"/>
<div class="buy">
<h1 title="Kaufen">Kaufen</h1>
</div>
</div>
</div>
<div class="placeholder">
<div class="product-desc">
<h1 title="Produkt Informationen">
<br>Segment: Gaming/Desktop Grafikkarte
<br>Die RTX 2070 8Gb ist im Prei-Leistungsvergleich die Top Gaming Karte mit ihren 8GB DDR6 und ihrm Boost Clock von 1620 MHz ist sie gut geeignet für Ihren Gaming PC.
<br>Basis Takt: 1410 MHz
<br>Boost Takt: 1620 MHz
<br>VRAM: 1750 MHz 14 Gbps effective
<br><br>Preis: 700€
</h1>
</div>
</div>
</div>
</body>
</html>

18
assets/seiten/waren/RTX3090FE.html
View File

@@ -28,16 +28,26 @@
</div>
<div class="product-img">
<img title="Produkt Bild" src="../../bilder/RTX3090FE.png"/>
<div class="buy">
<h1 title="Kaufen">Kaufen</h1>
</div>
</div>
</div>
<div class="placeholder">
<div class="product-desc">
<a title="Produkt Informationen">Hersteller: Nvidia<br></a>
<h1 title="Produkt Informationen">
<br>Segment: Gaming/Desktop Grafikkarte
<br>Maximale Auflösung 7680x4320
<br>Basistaktung 1,4GHz
<br>Turbo Takt 1,7 GHz
<br>Speicher 24GB GDDR6X
<br>Leistungsaufnahme 350W
<br>PCIe Anschlüsse 2x PCIe 8-polig
<br>3 Slot; Länge 313mm; Breite 138mm<br>
<br><br>Preis: 1.549€ UVP
</h1>
</div>
</div>
<div class="buy">
<h1 title="Kaufen">Kaufen</h1>
</div>
</div>
</body>
</html>

9
assets/seiten/waren/waren-vorlage.html
View File

@@ -28,12 +28,15 @@
</div>
<div class="product-img">
<img title="Produkt Bild" src="../../bilder/RTX3090FE.png"/>
<div class="buy">
<h1 title="Kaufen">Kaufen</h1>
</div>
</div>
</div>
<div class="placeholder">
<div class="product-desc">
<a title="Produkt Informationen">Hersteller: Nvidia<br></a>
</div>
<div class="product-desc">
<a title="Produkt Informationen">Hersteller: Nvidia<br></a>
</div>
</div>
</div>
</body>