diff --git a/index.html b/index.html
index d01f779..cb4a45a 100644
--- a/index.html
+++ b/index.html
@@ -1,11 +1,83 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Tech Horizon</title>
+  <link rel="stylesheet" href="styles.css">
 </head>
 <body>
-    
+
+  <header>
+    <div class="container">
+      <h1>Tech Horizon</h1>
+      <nav>
+        <a href="#services">Services</a> |
+        <a href="#projects">Projects</a> |
+        <a href="#contact">Contact</a>
+      </nav>
+    </div>
+  </header>
+
+  <main class="container">
+    <section id="hero">
+      <h2>Welcome to Tech Horizon</h2>
+      <p>Exploring the future of technology and innovation.</p>
+      <a class="btn" href="#projects">See Projects</a>
+    </section>
+
+    <section id="services">
+      <h2>Our Services</h2>
+      <ul>
+        <li>Web Development</li>
+        <li>AI & Machine Learning</li>
+        <li>Cybersecurity Consulting</li>
+      </ul>
+    </section>
+
+    <section id="projects">
+      <h2>Projects</h2>
+      <div class="cards">
+        <div class="card">
+          <h3>Smart Home AI</h3>
+          <p>An AI-powered system that automates your home intelligently.</p>
+          <a href="#" class="btn">Learn More</a>
+        </div>
+        <div class="card">
+          <h3>Blockchain Tracker</h3>
+          <p>Track blockchain transactions in real-time with our dashboard.</p>
+          <a href="#" class="btn">Learn More</a>
+        </div>
+        <div class="card">
+          <h3>Cybersecurity Toolkit</h3>
+          <p>A set of tools to analyze and secure your web applications.</p>
+          <a href="#" class="btn">Learn More</a>
+        </div>
+      </div>
+    </section>
+
+    <section id="contact">
+      <h2>Contact Us</h2>
+      <form>
+        <label>Name:<br>
+          <input type="text" name="name" placeholder="Bib Paderborn">
+        </label><br><br>
+        <label>Email:<br>
+          <input type="email" name="email" placeholder="bib@paderborn.de">
+        </label><br><br>
+        <label>Message:<br>
+          <textarea name="message" rows="4" placeholder="Your Message"></textarea>
+        </label><br><br>
+        <button class="btn" type="submit">Send</button>
+      </form>
+    </section>
+  </main>
+
+  <footer>
+    <div class="container">
+      <p>© 2025 Tech Horizon. All rights reserved.</p>
+    </div>
+  </footer>
+
 </body>
-</html>
\ No newline at end of file
+</html>
