From 0edc084b36c201724d0bff9e31ba6062cd2c94a7 Mon Sep 17 00:00:00 2001
From: Juwan Jouma <144624787+The5TiM@users.noreply.github.com>
Date: Wed, 17 Apr 2024 09:22:19 +0200
Subject: [PATCH] =?UTF-8?q?Refactor=20index.html=20and=20update=20=C3=96ff?=
 =?UTF-8?q?nungszeiten=20section=20and=20footer?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Styles/style.css |  4 ++++
 index.html       | 45 ++++++++++++++++++++++++++++++++++++---------
 2 files changed, 40 insertions(+), 9 deletions(-)

diff --git a/Styles/style.css b/Styles/style.css
index 0965a65..7bc39fb 100644
--- a/Styles/style.css
+++ b/Styles/style.css
@@ -1,4 +1,8 @@
 section {
     width: 100%;
     height: 100vh;
+}
+
+footer {
+    height: 240px;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 4a9d82e..5bde0da 100644
--- a/index.html
+++ b/index.html
@@ -26,9 +26,33 @@
         </section>
 
         <!-- Öffnungszeiten Section -->
-        <section>
-            <h1>Öffnungszeiten</h1>
-            <p>Öffnungszeiten</p>
+        <section class="container d-flex" id="openingHours">
+            <div class="row justify-content-center align-self-center">
+                <h1 class="text-center">Öffnungszeiten</h1>
+                <br>
+                <table class="table">
+                  <thead>
+                    <tr>
+                      <th>Tag</th>
+                      <th>Uhrzeit</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <td>Montag - Freitag</td>
+                      <td>9:00 - 18:00 Uhr</td>
+                    </tr>
+                    <tr>
+                      <td>Samstag</td>
+                      <td>10:00 - 15:00 Uhr</td>
+                    </tr>
+                    <tr>
+                      <td>Sonntag</td>
+                      <td>Geschlossen</td>
+                    </tr>
+                  </tbody>
+                </table>
+            </div>
         </section>
 
         <!-- Patenshop Section -->
@@ -38,12 +62,15 @@
         </section>
 
         <!-- Footer -->
-        <footer>
-            <li></li>
-            <li></li>
-            <li></li>
-            <li></li>
-            <li></li>
+        <footer class="container-fluid d-flex bg-dark">
+            <img src="Src/zoowebseite-high-resolution-logo-transparent.png" height="200" class="align-self-center">
+            <div>
+                <li></li>
+                <li></li>
+                <li></li>
+                <li></li>
+                <li></li>
+            </div>
         </footer>
 
         <!-- JavaScript -->