diff --git a/Spieleverwaltung/bilder/UNO.jpg b/Spieleverwaltung/bilder/UNO.jpg
new file mode 100644
index 0000000..e67d9f6
Binary files /dev/null and b/Spieleverwaltung/bilder/UNO.jpg differ
diff --git a/Spieleverwaltung/bilder/kniffel.png b/Spieleverwaltung/bilder/kniffel.png
new file mode 100644
index 0000000..b89df37
Binary files /dev/null and b/Spieleverwaltung/bilder/kniffel.png differ
diff --git a/Spieleverwaltung/bilder/schlangen_und_leitern.jpg b/Spieleverwaltung/bilder/schlangen_und_leitern.jpg
new file mode 100644
index 0000000..c202994
Binary files /dev/null and b/Spieleverwaltung/bilder/schlangen_und_leitern.jpg differ
diff --git a/Spieleverwaltung/bilder/vier-gewinnt.jpg b/Spieleverwaltung/bilder/vier-gewinnt.jpg
new file mode 100644
index 0000000..3b3bc79
Binary files /dev/null and b/Spieleverwaltung/bilder/vier-gewinnt.jpg differ
diff --git a/Spieleverwaltung/css/styles.css b/Spieleverwaltung/css/styles.css
index e69de29..742c28b 100644
--- a/Spieleverwaltung/css/styles.css
+++ b/Spieleverwaltung/css/styles.css
@@ -0,0 +1,4 @@
+img{
+    width: 30%;
+    margin-bottom: 30px;
+}
\ No newline at end of file
diff --git a/Spieleverwaltung/spieleverwaltung.html b/Spieleverwaltung/spieleverwaltung.html
index ca3e845..b0f83df 100644
--- a/Spieleverwaltung/spieleverwaltung.html
+++ b/Spieleverwaltung/spieleverwaltung.html
@@ -7,13 +7,22 @@
     <body>
         <h1>Spielesammlung</h1>
         <h2>Spiele:</h2>
-        <a href="../kniffel/index.html">Kniffel</a><hr>
-        <a href="../uno/index.html">UNO</a><hr>
-        <a href=""></a><hr>
-        <a href="">Vier Gewinnt</a><hr>
+        <hr>
+        <p>Kniffel</p>
+        <a href="../kniffel/index.html"><img src="./bilder/kniffel.png" alt="Kniffel" ></a><hr>
+
+        <p>UNO</p>
+        <a href="../uno/index.html"><img src="./bilder/UNO.jpg" alt="UNO"></a><hr>
+
+        <p>Schlangen & Leitern</p>
+        <a href="../schlangen_und_leitern/HTML.html"><img src="./bilder/schlangen_und_leitern.jpg" alt="Schlangen & Leitern"></a><hr>
+
+        <p>Vier Gewinnt</p>
+        <a href="../vier_gewinnt/vierGewinnt.html"><img src="./bilder/vier-gewinnt.jpg" alt="Vier Gewinnt"></a>
     </body>
 
     <footer>
+        <hr id="footerHR">
         Gruppenprojekt Programmiermethoden und Werkzeuge
         <p>Lucas Thenert <a href="../kniffel/index.html">Kniffel</a></p>
         <p>Richard Halsall<a href=""></a></p>
