diff --git a/02_advanced/uebungen/u10_sum-array-rekursiv/index.html b/02_advanced/uebungen/#u10_sum-array-rekursiv/index.html
similarity index 100%
rename from 02_advanced/uebungen/u10_sum-array-rekursiv/index.html
rename to 02_advanced/uebungen/#u10_sum-array-rekursiv/index.html
diff --git a/02_advanced/unterricht/tag13/04_node-hello.js b/02_advanced/unterricht/tag13/04_node-hello.js
new file mode 100644
index 0000000..9ef7de5
--- /dev/null
+++ b/02_advanced/unterricht/tag13/04_node-hello.js
@@ -0,0 +1,2 @@
+// console ist aus dem Node core (Standard-library)
+console.log('Hello JS from system (node)');
diff --git a/02_advanced/unterricht/tag13/05_website/assets/css/main.css b/02_advanced/unterricht/tag13/05_website/assets/css/main.css
new file mode 100644
index 0000000..b2c406b
--- /dev/null
+++ b/02_advanced/unterricht/tag13/05_website/assets/css/main.css
@@ -0,0 +1,36 @@
+.header-main {
+ width: 100%;
+ height: 400px;
+ background-color: #222;
+ color: white;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.header-main .content-box figure figcaption {
+ display: none;
+}
+
+.menu-main {
+ background-color: steelblue;
+}
+.menu-main ul {
+ list-style: none;
+ display: flex;
+}
+.menu-main ul li {
+ border-right: 1px solid #333;
+}
+.menu-main ul li:last-child {
+ border-right: none;
+}
+.menu-main ul li a {
+ text-decoration: none;
+ text-transform: uppercase;
+ letter-spacing: 1px;
+ color: white;
+ display: inline-block;
+ padding: 0.5rem 1rem;
+}
+
+/*# sourceMappingURL=main.css.map */
diff --git a/02_advanced/unterricht/tag13/05_website/assets/css/main.css.map b/02_advanced/unterricht/tag13/05_website/assets/css/main.css.map
new file mode 100644
index 0000000..ca1f3ec
--- /dev/null
+++ b/02_advanced/unterricht/tag13/05_website/assets/css/main.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../scss/main.scss"],"names":[],"mappings":"AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAII;EACE;;;AAOR;EACE;;AACA;EACE;EACA;;AACA;EACE;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA","file":"main.css"}
\ No newline at end of file
diff --git a/02_advanced/unterricht/tag13/05_website/assets/js/main.js b/02_advanced/unterricht/tag13/05_website/assets/js/main.js
new file mode 100644
index 0000000..77b5667
--- /dev/null
+++ b/02_advanced/unterricht/tag13/05_website/assets/js/main.js
@@ -0,0 +1,19 @@
+'use strict';
+
+(() => {
+ // === DOM & VARS =======
+ const DOM = {};
+
+ // === INIT =============
+ const init = () => {
+ console.log('init...');
+ };
+
+ // === EVENTHANDLER =====
+
+ // === XHR/FETCH ========
+
+ // === FUNCTIONS ========
+
+ init();
+})();
diff --git a/02_advanced/unterricht/tag13/05_website/assets/scss/main.scss b/02_advanced/unterricht/tag13/05_website/assets/scss/main.scss
new file mode 100644
index 0000000..16ac5fc
--- /dev/null
+++ b/02_advanced/unterricht/tag13/05_website/assets/scss/main.scss
@@ -0,0 +1,43 @@
+// sass assets/scss/main.scss:assets/css/main.css
+
+// Header Bereich
+.header-main {
+ width: 100%;
+ height: 400px;
+ background-color: #222;
+ color: white;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ .content-box {
+ figure {
+ figcaption {
+ display: none;
+ }
+ }
+ }
+}
+
+// Menu Main
+.menu-main {
+ background-color: steelblue;
+ ul {
+ list-style: none;
+ display: flex;
+ li {
+ border-right: 1px solid #333;
+ &:last-child {
+ border-right: none;
+ }
+ a {
+ text-decoration: none;
+ text-transform: uppercase;
+ letter-spacing: 1px;
+ color: white;
+ display: inline-block;
+ padding: 0.5rem 1rem;
+ }
+ }
+ }
+}
diff --git a/02_advanced/unterricht/tag13/05_website/index.html b/02_advanced/unterricht/tag13/05_website/index.html
new file mode 100644
index 0000000..bbe4fe6
--- /dev/null
+++ b/02_advanced/unterricht/tag13/05_website/index.html
@@ -0,0 +1,38 @@
+
+
+
+
+
+ Webseite mit Sass
+
+
+
+
+
+
+
+
+ 
+ Webseite mit Sass
+
+
+
Webseite mit Sass
+
+
+
+
+