From f2f41f6ecb80a821fbd360f85be43987609e91c3 Mon Sep 17 00:00:00 2001
From: Juwan Jouma <144624787+The5TiM@users.noreply.github.com>
Date: Thu, 18 Apr 2024 15:49:17 +0200
Subject: [PATCH] =?UTF-8?q?Refactor=20CSS=20styles=20and=20update=20HTML?=
 =?UTF-8?q?=20structure=20for=20the=20"=C3=9Cber=20Uns"=20section?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Styles/style.css | 15 ++++++++++++---
 index.html       | 10 +++++-----
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/Styles/style.css b/Styles/style.css
index 8417f71..bdbaec6 100644
--- a/Styles/style.css
+++ b/Styles/style.css
@@ -1,7 +1,6 @@
 /* Navigation*/
 .navbar {
     background-color: #212121   !important;
-    margin-bottom: 20px;
     height: 70px;
 }
 
@@ -59,10 +58,20 @@ section {
     height: 100vh;
 }
 
-#openingHours {
-    background: linear-gradient(90deg, rgb(0, 159, 155), rgb(157, 254, 175));
+#ueberUns {
+    background: linear-gradient(0deg, rgb(0, 159, 155), rgb(33,33,33));
 }
 
+#openingHours {
+    background: linear-gradient(180deg, rgb(0, 159, 155), rgb(157, 254, 175));
+}
+
+#patenshop {
+    background: linear-gradient(90deg, rgb(0, 159, 155), rgb(157, 254, 175));
+
+}
+
+
 .glass {
     padding: 30px;
     background: rgba(255, 255, 255, 0.2);
diff --git a/index.html b/index.html
index 04d388b..18f422b 100644
--- a/index.html
+++ b/index.html
@@ -30,10 +30,10 @@
       </nav>
 
         <!-- Über Uns Section -->
-        <section class="container" id="ueberUns">
-            <div class="row">
+        <section class="position-relative" id="ueberUns">
+            <div class="position-absolute top-50 start-50 translate-middle w-50 text-white">
                 <!-- Slider on the left -->
-                <div class="col-md-6">
+                <div class="col-6">
                     <div class="swiper">
                         <div class="swiper-wrapper">
                             <!-- Slides -->
@@ -47,10 +47,10 @@
                     </div>
                 </div>
                 <!-- Text on the right -->
-                <div class="col-md-6">
+                <div class="col-6">
                     <h2>Text on the Right</h2>
                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida, justo eget sagittis malesuada, leo velit lobortis orci, ac sodales lectus ipsum in libero. Phasellus hendrerit justo et risus blandit, nec ultricies ligula facilisis. Pellentesque luctus, justo id vehicula consectetur, metus tortor auctor felis, eget eleifend lorem neque eget lectus. Cras semper, velit non gravida pellentesque, elit lectus rhoncus eros, nec malesuada est nulla eu metus.</p>
-                </div>
+                </div>                
             </div>
         </section>