From bd9dfaa3f51c44bfa682b21654033d7dd9a21b05 Mon Sep 17 00:00:00 2001
From: JoulianALS <joulianalsuliman@gmail.com>
Date: Wed, 17 Apr 2024 09:54:22 +0200
Subject: [PATCH] Bitte Funktionieren

---
 index.html | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)
diff --git a/index.html b/index.html
index eac4d47..e516e94 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <link rel="stylesheet" href="Styles/style.css">
         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
         <title>ZooWebsite</title>
     </head>
     <body>
@@ -26,12 +27,25 @@
             </div>
         </nav>
 
-    
-
         <!-- Über Uns Section -->
         <section>
-            <h1>Über Uns</h1>
-            <p>Über Uns</p>
+            <section class="container" id="ueberUns">
+        <div class="row">
+            <div class="col-md-6">
+                <!-- Gallery -->
+                <div class="swiper">
+                    <div class="swiper-wrapper">
+                        <!-- Slides -->
+                        <div class="swiper-slide"><img src="Src/loewe.jpg" class="img-fluid" alt="Loewe"></div>
+                        <div class="swiper-slide"><img src="Src/gorilla.jpg" class="img-fluid" alt="Gorilla"></div>
+                        <div class="swiper-slide"><img src="Src/zebra.jpg" class="img-fluid" alt="Zebra"></div>
+                        <div class="swiper-slide"><img src="Src/elefant.jpg" class="img-fluid" alt="Elefant"></div>
+                        <div class="swiper-slide"><img src="Src/giraffe.jpg" class="img-fluid" alt="Giraffe"></div>
+                    </div>
+                    <div class="swiper-pagination"></div>
+                </div>
+            </div>
+        </nav>
         </section>
 
         <!-- Öffnungszeiten Section -->
@@ -83,6 +97,7 @@
         </footer>
 
         <!-- JavaScript -->
+        <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
         <script src="Javascript/app.js"></script>
 
