Bilder hinzugefuegt und Style angepasst

2 years ago · c2ea40f28a
6 changed files with 17 additions and 4 deletions
--- a/Spieleverwaltung/bilder/UNO.jpg
+++ b/Spieleverwaltung/bilder/UNO.jpg
--- a/Spieleverwaltung/bilder/kniffel.png
+++ b/Spieleverwaltung/bilder/kniffel.png
--- a/Spieleverwaltung/bilder/schlangen_und_leitern.jpg
+++ b/Spieleverwaltung/bilder/schlangen_und_leitern.jpg
--- a/Spieleverwaltung/bilder/vier-gewinnt.jpg
+++ b/Spieleverwaltung/bilder/vier-gewinnt.jpg
--- a/Spieleverwaltung/css/styles.css
+++ b/Spieleverwaltung/css/styles.css
@ -0,0 +1,4 @@
+img{
+    width: 30%;
+    margin-bottom: 30px;
+}
--- 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>