diff --git a/Erstes Jahr/README.md b/Erstes Jahr/README.md
index cbcf2f1..f45d745 100644
--- a/Erstes Jahr/README.md	
+++ b/Erstes Jahr/README.md	
@@ -9,6 +9,11 @@ SQL Datein sind SQL Befehle aus dem Unterricht LBT4 / LBT2 bei Herr Schatke
 ## Gemacht
 *Wir warscheinlich nie aktuell aber egaaaal*
 
+#### 17.10.25 - HTML
+- Verweise (Links)
+- Menü (nav)
+- Website
+
 ### 16.10.25 - SQL
 - AB1 Übung Mitarbeiter
 
diff --git a/Erstes Jahr/downloads/file.pdf b/Erstes Jahr/downloads/file.pdf
new file mode 100755
index 0000000..7d5720e
Binary files /dev/null and b/Erstes Jahr/downloads/file.pdf differ
diff --git a/Erstes Jahr/images.html b/Erstes Jahr/images.html
index 67e4116..6bbd10c 100755
--- a/Erstes Jahr/images.html	
+++ b/Erstes Jahr/images.html	
@@ -3,10 +3,10 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>HTML-Grundlagen: Grafiken</title>
+    <title>Grafiken</title>
 </head>
 <body>
-    <h1>HTML-Grundlagen: Grafiken</h1>
+    <h1>Grafiken</h1>
     <h2>Grafik ohne Zusammenhang zum Text</h2>
     <img src = "WvSS_Logo.png" alt = "Logo der WvSS">   
 
diff --git a/Erstes Jahr/img/logo.png b/Erstes Jahr/img/logo.png
new file mode 100644
index 0000000..0b8e0cd
Binary files /dev/null and b/Erstes Jahr/img/logo.png differ
diff --git a/Erstes Jahr/links.html b/Erstes Jahr/links.html
new file mode 100755
index 0000000..40a995f
--- /dev/null
+++ b/Erstes Jahr/links.html	
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Links</title>
+</head>
+<body>
+    <h1>HTML-Grundlagen: Verweise (Links)</h1>
+    <h2>Relativer Verweis auf Datei</h2>
+    <a href="images.html">HTML Grundlagen: Images</a>
+
+    <h2>Relativer Verweis auf pdf-Datei (Download)</h2>
+    <a href="downloads/file.pdf">pdf-Datei downloaden</a>
+
+    <h2>Relativer Verweis auf Grafik-Datei</h2>
+    <a href="img/logo.png">Bild anzeigen</a>
+
+    <h2>Absoluter Verweis auf eine externe Website</h2>
+    <a href="https://cloud.danielvici.com" target="_blank">Daniels Cloud</a><br>
+    <a href="https://git.danielvici.com" target="_blank">GITEA</a>
+
+    <h2>Seiteninterner Link (Sprungmarke)</h2>
+    <a href="#p2">Zu Abschnitt 2</a>
+
+    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem, veritatis blanditiis. Commodi ducimus vitae numquam voluptate corporis porro dolores est dignissimos eos ipsam quam pariatur amet unde repellendus, corrupti dicta, quia ad eius molestias, et laborum. Rerum harum nesciunt consectetur obcaecati voluptas accusamus, iure repellat, deserunt hic illo dolorum adipisci porro repellendus nobis iusto itaque maiores ex doloremque culpa. Consequuntur quo dolore praesentium consequatur voluptas cum? Delectus officiis ducimus maxime nihil corrupti, culpa aspernatur odit illum nisi enim! Accusantium ut culpa id perferendis veritatis quis fuga placeat doloremque officiis et a nesciunt voluptates, ea maxime eaque at officia? Cumque, repudiandae!</p>
+    <h3 id="p2">Abschnitt 3</h3>
+    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores, qui?</p>
+</body>
+</html>
\ No newline at end of file
diff --git a/Erstes Jahr/menu.html b/Erstes Jahr/menu.html
new file mode 100644
index 0000000..c8bd4e7
--- /dev/null
+++ b/Erstes Jahr/menu.html	
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Hauptmenü</title>
+</head>
+<body>
+    <h1>Hauptmenü</h1>
+
+    <nav>
+        <!-- Ebene 1-->
+        <ul>
+            <li><a href="#">Menüpunk 1</a></li>
+            <li><a href="#">Menüpunk 2</a>
+                <!-- Ebene 2-->
+                <ul>
+                    <li><a  href="#">Menüpunk 2.1</a></li>
+                    <li><a  href="#">Menüpunk 2.2</a></li>
+                </ul>
+            </li>
+            <li><a href="#">Menüpunk 3</a></li>
+            <li><a href="#">Menüpunk 4</a></li>
+
+
+        </ul>
+    </nav>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Erstes Jahr/website/index.html b/Erstes Jahr/website/index.html
new file mode 100644
index 0000000..7a98e71
--- /dev/null
+++ b/Erstes Jahr/website/index.html	
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Website | Homepage</title>
+</head>
+<body>
+    <!-- begin static content -->
+    <header>
+        <img src="https://placehold.co/200x180">
+        <div id="company">Website</div>
+        <div id="slogan">da kongred Website</div>
+    </header>
+
+    <hr>
+
+    <nav>
+        <!-- Ebene 1-->
+        <ul>
+            <li><a href="index.html">Homepage</a></li>
+            <li><a href="#">About Us</a></li>
+            <li><a href="#">Portfolio</a></li>
+            <li><a href="#">Contact</a></li>
+        </ul>
+    </nav>
+
+    <hr>
+
+    <!-- end static content -->
+    <!-- begin dynamic content -->
+    <main>
+        <h1>Homepage</h1>
+        <p>Welcome!</p>
+    </main>
+    <!-- end dynamic content -->
+
+    <hr>
+
+    <aside>
+        <h3>Save the dates</h3>
+        <p>
+            <ul>
+                <li>2025-11-01: Event 1</li>
+                <li>2025-11-02: Event 2</li>
+                <li>2025-11-03: Event 3</li>
+            </ul>
+        </p>
+    </aside>
+
+    <hr>
+
+    <!-- begin static content -->
+    <footer>
+        Created by <a href="https://github.com/danielvici">danielvici</a>(.com)
+        &copy; 2025
+    </footer>
+    <!-- end static content -->
+</body>
+</html>
\ No newline at end of file
