diff --git a/index.html b/index.html
index e69de29..6b5dec9 100644
--- a/index.html
+++ b/index.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="de">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta name="description" content="Tierpark Naturo - Hasen Simulator">
+        <title>Hasen Simulator – Tierpark Naturo</title>
+        <link rel="stylesheet" href="styles.css">
+    </head>
+
+    <body>
+        <div id="upNavigations">
+            <section>
+                <nav>
+                    <ul>
+                        <li><a href="index.html">Start</a></li>
+                        <li><a href="#">Über uns</a></li>
+                        <li><a href="#">Tierarten</a></li>
+                        <li><a href="#">Besucher Info</a></li>
+                        <li><a href="#">Umfrage</a></li>
+                        <li><a href="index.html">iHasen</a></li>
+                        <li><button class="patenshop"><a href="#">Patenshop</a></button></li>
+                    </ul>
+                </nav>
+            </section>
+        </div>
+
+
+        <main>
+            <h1>Hasen-Simulator</h1>
+
+            <p>Monat: <span id="monat">1</span></p>
+
+            <button id="nextMonthBtn">Nächster Monat</button>
+
+            <div id="hasenContainer"></div>
+        </main>
+
+
+        <footer>
+            <a href="Impressum.html">Impressum</a>
+            <a href="Datenschutz.html">Datenschutz</a>
+            <a href="AGB.html">AGB</a>
+        </footer>
+
+        <script src="script.js"></script>
+
+    </body>
+</html>
