diff --git a/index.html b/index.html
index a953ae2..de42338 100644
--- a/index.html
+++ b/index.html
@@ -3,9 +3,52 @@
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>Document</title>
+        <link rel="stylesheet" href="Styles/style.css">
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+        <title>ZooWebsite</title>
     </head>
     <body>
-        
+        <!-- Navbar -->
+        <nav>
+            <a><img>logo</a>
+
+            <li></li>
+            <li></li>
+            <li></li>
+            <li></li>
+            <li></li>
+        </nav>
+
+        <!-- Über Uns Section -->
+        <section>
+            <h1>Über Uns</h1>
+            <p>Über Uns</p>
+        </section>
+
+        <!-- Öffnungszeiten Section -->
+        <section>
+            <h1>Öffnungszeiten</h1>
+            <p>Öffnungszeiten</p>
+        </section>
+
+        <!-- Patenshop Section -->
+        <section>
+            <h1>Patenshop</h1>
+            <p>Patenshop</p>
+        </section>
+
+        <!-- Footer -->
+        <footer>
+            <li></li>
+            <li></li>
+            <li></li>
+            <li></li>
+            <li></li>
+        </footer>
+
+        <!-- JavaScript -->
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
+        <script src="Javascript/app.js"></script>
+
     </body>
 </html>
\ No newline at end of file
