-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (130 loc) · 4.99 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Videospiel Online-Shop</title>
<link rel="stylesheet" href="Übersichtsseite.css">
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
</head>
<body>
<!-- Header mit Navigation -->
<header>
<div class="banner">
<h1>Willkommen bei MJO Games</h1>
<p>Die coolsten und neuen Spiele im Gaming Universum</p>
</div>
<nav class="navbar">
<ul>
<li><a href="HTML/OnlineShop.html">Shop</a></li>
<li><a href="HTML/Warenkorb.html">Warenkorb</a></li>
<li><a href="HTML/Kontaktformular.html">Kontaktformular</a></li>
<li><a href="HTML/Impressum.html">Impressum</a></li>
</ul>
</nav>
</header>
<section class="featured">
<h2>Empfohlene Spiele</h2>
<div class="game-list">
<div class="game-item">
<img src="Bilder/Game%201.png" alt="Spiel 1" class="game-image">
<span>Univers X</span>
<p class="game-description">Ein episches Sci-Fi-Abenteuer mit intergalaktischen Kämpfen und Entdeckungen</p>
</div>
<div class="game-item">
<img src="Bilder/Game%202.png" alt="Spiel 2" class="game-image">
<span>Dropoly</span>
<p class="game-description">Ein spannendes Puzzlespiel bei dem du die Welt vor einer drohenden Katastrophe retten musst</p>
</div>
<div class="game-item">
<img src="Bilder/Game%203.png" alt="Spiel 3" class="game-image">
<span>Gen VI</span>
<p class="game-description">Ein Rollenspiel das die nächste Generation von Spielern Überzeugt</p>
</div>
</div>
</section>
<!-- Blog-Container für die Karten -->
<section class="community">
<h3>Gaming-Community & Blog</h3>
<p>Finde die neuesten Gaming-News</p>
<div class="blog-container">
<div class="blog-card">
<img src="Game%2012.png" alt="game-image">
<h4>Die neuesten Gaming-Trends 2024</h4>
<p>Erfahre alles über die heißesten Spiele und Trends, die die Gaming-Welt erobern!</p>
<div class="blog-card-footer">
<a href="#" class="read-more">Mehr erfahren</a>
</div>
</div>
<div class="blog-card">
<img src="Game%2011.png" alt="game-image">
<h4>Die besten Tipps für Gen VI</h4>
<p>Entdecke geheime Tricks und Strategien</p>
<div class="blog-card-footer">
<a href="#" class="read-more">Mehr erfahren</a>
</div>
</div>
<div class="blog-card">
<img src="Game%206.png" alt="game-image">
<h4>Top 5 Multiplayer-Spiele</h4>
<p>Schau dir unsere Auswahl der besten Multiplayer-Spiele 2024 an!</p>
<div class="blog-card-footer">
<a href="#" class="read-more">Mehr erfahren</a>
</div>
</div>
</div>
</section>
<!-- Kategoriebereich -->
<section class="categories">
<div class="container">
<h5>Spielkategorien</h5>
</div>
<div class="category-list">
<div class="category-item">
<a href="HTML/OnlineShop.html" class="category-link">
<img src="Bilder/Game%2012.png" alt="game-image" class="category-image">
<h6>Abenteuer</h6>
</a>
</div>
<div class="category-item">
<a href="HTML/OnlineShop.html" class="category-link">
<img src="Bilder/Game%203.png" alt="game-image" class="category-image">
<h6>Action</h6>
</a>
</div>
<div class="category-item">
<a href="HTML/OnlineShop.html" class="category-link">
<img src="Bilder/Game%205.png" alt="game-image" class="category-image">
<h6>Arcade</h6>
</a>
</div>
<div class="category-item">
<a href="HTML/OnlineShop.html" class="category-link">
<img src="Bilder/Game%206.png" alt="game-image" class="category-image">
<h6>FPS</h6>
</a>
</div>
<div class="category-item">
<a href="HTML/OnlineShop.html" class="category-link">
<img src="Bilder/Game%2011.png" alt="game-image" class="category-image">
<h6>Kampfspiele</h6>
</a>
</div>
<div class="category-item">
<a href="HTML/OnlineShop.html" class="category-link">
<img src="Bilder/Game%202.png" alt="game-image" class="category-image">
<h6>Einzelspieler</h6>
</a>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="footer-links">
<a href="HTML/Impressum.html">Impressum</a>
<a href="HTML/Kontaktformular.html">Kontaktformlar</a>
<a href="HTML/Detailsseite.html">Detailsseite</a>
</div>
<p>© 2023 MJO GAMESCOM GmbH. Diese Seite dient nur Demonstrationszwecken.</p>
</footer>
</body>
</html>