diff --git a/index.html b/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..9a52c7ee3cec9e077c7803bb08189c74b0207266
--- /dev/null
+++ b/index.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Home</title>
+    <link rel="stylesheet" href="./resources/css/style.css">
+</head>
+<body>
+
+    <!-- Header -->
+    <header>
+        <div class="logo">
+            <a href="index.html" style="text-decoration: none; color: inherit;"><h1>ÖNB</h1></a>
+        </div>
+        <nav>
+            <ul>
+                <li><a href="index.html">Home</a></li>
+                <li><a href="about.html">About</a></li>
+                <li><a href="data.html">Data</a></li>
+                <li><a href="contact.html">Contact</a></li>
+            </ul>
+        </nav>
+        <div class="results-button">
+            <a href="#">test</a>
+        </div>
+    </header>
+
+
+    <!-- Content -->
+    <section class="main">
+        <div class="container">
+            <div class="main-content">
+                <h1 class="animated-title">
+                    <br>
+                    Welcome to the <strong>Botanical Illustrations</strong> project!
+                </h1>
+                <p class="animated-text">
+                    A dataset about botanical illustrations from the 19th century.
+                </p>
+            </div>
+            
+            <div class="centered-image">
+                <img src="resources/background_bot_illustrations.jpg" alt="Botanical Illustrations">       
+        </div>
+        </div>
+    </section>
+    
+    <!-- Footer -->
+    <footer>
+        <p>2023W 070128-1 Methodological course - Analyzing Central Europe's Intellectual Heritage <br> 
+            Made by Maximilian Berens 2023</p>
+    </footer>
+
+
+
+</body>
+</html>
\ No newline at end of file