Skip to content

Commit 7d44cc4

Browse files
committed
123
1 parent bef1d3f commit 7d44cc4

File tree

10 files changed

+561
-3
lines changed

10 files changed

+561
-3
lines changed

.idea/.gitignore

Lines changed: 8 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

.idea/MJO-Gamesom.github.io.iml

Lines changed: 9 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

.idea/misc.xml

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

.idea/modules.xml

Lines changed: 8 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

.idea/vcs.xml

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

HTML/Impressum.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
<div class="dropdown">
1313
<button class="dropbtn" onclick="toggleDropdown()">Menü</button>
1414
<div class="dropdown-content" id="myDropdown">
15-
<a href="Übersichtsseite.html">Startseite</a>
15+
<a href="../index.html">Startseite</a>
1616
<a href="OnlineShop.html">Shop</a>
1717
<a href="Detailsseite.html">Detailseite</a>
1818
<a href="Kontaktformular.html">Kontakformular</a>

HTML/OnlineShop.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ <h1>MJO GAMESCOM </h1>
2828
<div class="dropdown">
2929
<button class="dropbtn" onclick="toggleDropdown()">Menü</button>
3030
<div class="dropdown-content" id="myDropdown">
31-
<a href="Übersichtsseite.html">Startseite</a>
31+
<a href="../index.html">Startseite</a>
3232
<a href="Kontaktformular.html">Kontakformular</a>
3333
<a href="Impressum.html">Impressum</a>
3434
</div>

HTML/Warenkorb.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ <h1>MJO GAMESCOM </h1>
3030
<div class="dropdown">
3131
<button class="dropbtn" onclick="toggleDropdown()">Menü</button>
3232
<div class="dropdown-content" id="myDropdown">
33-
<a href="Übersichtsseite.html">Startseite</a>
33+
<a href="../index.html">Startseite</a>
3434
<a href="OnlineShop.html">Shop</a>
3535
<a href="Detailsseite.html">Detailseite</a>
3636
<a href="Kontaktformular.html">Kontakformular</a>

index.html

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

0 commit comments

Comments
 (0)