diff --git a/01_grundlagen/docs/emmet-cheatsheet.pdf b/01_grundlagen/docs/emmet-cheatsheet.pdf
new file mode 100644
index 0000000..8cfa5dc
Binary files /dev/null and b/01_grundlagen/docs/emmet-cheatsheet.pdf differ
diff --git a/01_grundlagen/unterricht/tag01/03_emmet.html b/01_grundlagen/unterricht/tag01/03_emmet.html
new file mode 100644
index 0000000..036799d
--- /dev/null
+++ b/01_grundlagen/unterricht/tag01/03_emmet.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Emmet</title>
+  </head>
+  <body>
+    <h1>Emmet Beispiele</h1>
+    <!-- Emmet: p>lorem20 -->
+    <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptas, magnam.</p>
+
+    <!-- Emmet: nav.menu-main#menu-main>ul.list>li.list-item*5>a[href="#"]{Link $} -->
+    <nav class="menu-main" id="menu-main">
+      <ul class="list">
+        <li class="list-item"><a href="#">Link 1</a></li>
+        <li class="list-item"><a href="#">Link 2</a></li>
+        <li class="list-item"><a href="#">Link 3</a></li>
+        <li class="list-item"><a href="#">Link 4</a></li>
+        <li class="list-item"><a href="#">Link 5</a></li>
+      </ul>
+    </nav>
+  </body>
+</html>
diff --git a/01_grundlagen/unterricht/tag01/04_html-grundgeruest.html b/01_grundlagen/unterricht/tag01/04_html-grundgeruest.html
new file mode 100644
index 0000000..f505928
--- /dev/null
+++ b/01_grundlagen/unterricht/tag01/04_html-grundgeruest.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="de">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>HTML Grundgerüst</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" />
+  </head>
+  <body>
+    <main>
+      <div class="container py-5">
+        <h1>HTML Grundgerüst</h1>
+        <p>
+          Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nesciunt voluptatem unde qui molestiae, optio
+          aliquid voluptatum corporis eaque, animi, beatae asperiores in libero incidunt fugiat rem laboriosam
+          excepturi. Qui, pariatur.
+        </p>
+      </div>
+    </main>
+    <script>
+      'use strict';
+    </script>
+  </body>
+</html>
