diff --git a/assets/css/style.css b/assets/css/style.css
new file mode 100644
index 0000000..c6f3277
--- /dev/null
+++ b/assets/css/style.css
@@ -0,0 +1,62 @@
+h1{
+    border: 2px dotted;
+    width: 40%;
+}
+
+#emoji{
+    color: red;
+    font-size:  150px;
+}
+
+main{
+    position: relative;
+    left:160px;  /* Same as the width of the sidenav */
+    width:80%;
+    margin-left: 20px;
+    font-size: 28px; /* Increased text to enable scrolling */
+    padding: 0px 10px;
+}
+
+.sidenav {
+    height: 100%;
+    width: 160px;
+    position: fixed;
+    z-index: 1;
+    top: 0;
+    left: 0;
+    background-color: #111;
+        overflow-x: hidden;
+        padding-top: 20px;
+    }
+      
+.sidenav a {
+    padding: 6px 8px 6px 16px;
+    text-decoration: none;
+    font-size: 25px;
+    color: #818181;
+    display: block;
+}
+      
+.sidenav a:hover {
+    color: #f1f1f1;
+}
+      
+
+
+@media screen and (max-height: 450px) {
+    .sidenav {padding-top: 15px;}
+    .sidenav a {font-size: 18px;}
+}
+
+#circle{   /* AUFGABE C */
+    width:          100px;
+    height:         80px;
+    background:     rgb(237, 183, 20);
+    border-radius:  45%;
+}
+
+#hotspot{  /* AUFGABE E */
+    width: 160px;
+    height: 120px;
+    background-color: blue;
+}
\ No newline at end of file
diff --git a/assets/img/1_RR6spBZYaiATXhipWdvNlg.webp b/assets/img/1_RR6spBZYaiATXhipWdvNlg.webp
new file mode 100644
index 0000000..df55e24
Binary files /dev/null and b/assets/img/1_RR6spBZYaiATXhipWdvNlg.webp differ
diff --git a/assets/img/pic_bulboff.gif b/assets/img/pic_bulboff.gif
new file mode 100644
index 0000000..65cacdd
Binary files /dev/null and b/assets/img/pic_bulboff.gif differ
diff --git a/assets/img/pic_bulbon.gif b/assets/img/pic_bulbon.gif
new file mode 100644
index 0000000..72ecfc4
Binary files /dev/null and b/assets/img/pic_bulbon.gif differ
diff --git a/assets/java/dom.js b/assets/java/dom.js
new file mode 100644
index 0000000..e04e421
--- /dev/null
+++ b/assets/java/dom.js
@@ -0,0 +1,26 @@
+
+/*  Override id("app") mit neuem Text*/
+/* 
+    document.getElementById("app").style.color  = "blue";
+    document.getElementById("app").innerHTML    = "Hello Dude!";
+    document.getElementById("app").textContent  = "Hello  All!";
+    document.getElementById("app").innerText    = "HELL-O Monday!!";
+
+    document.getElementById("app2").style.color  = "green";
+    document.getElementById("app2").innerHTML    = "Hello Dude!";
+    document.getElementById("app2").textContent  = "Hello  All!";
+    document.getElementById("app2").innerText    = "HELL-O Monday!!"; */
+
+
+    
+/*Sollte emoji verändern je nach Aktion*/
+/*     function mOver(){
+        let emojiObject = document.getElementById("emoji");
+        emojiObject.style.color     = 'blue';
+        emojiObject.style.fontSize  = '200px';
+    }
+
+    function mOut(element){
+        element.style.color         = 'red';
+        element.style.fontSize      = '100px';
+    } */
\ No newline at end of file
diff --git a/assets/java/dom2.js b/assets/java/dom2.js
new file mode 100644
index 0000000..d7f0851
--- /dev/null
+++ b/assets/java/dom2.js
@@ -0,0 +1,24 @@
+// Hello Coders - hier noch die Aufgaben, welche wir zusammen erarbeiten:
+/*
+    a)  Vorbereitung: Lege zwei Buttons jeweils mit Identifikator (id) 
+        und Beschriftung an.
+        Aufgabe: Auf Mausklick gib id und Beschriftung des gewählten Buttons 
+        in der Konsole des Browsers aus.
+
+    b) Vorbereitung: Lege einen "JA" Button an.
+       Aufgabe: Auf Mausklick wechsle die Beschriftung des Buttons auf "NEIN",
+       wenn vorher "JA" sichtbar war - und umgekehrt (toggle).
+
+    c) Vorbereitung: Lege einen eingefärbten Kreis (CSS Circle) und den Button
+       "Löschen" daneben an.
+       Aufgabe: Auf Mausklick lösche den Kreis.
+
+    d) Vorbereitung: Lege einen Paragraphen mit 
+       "<p><span>Anzahl Clicks:</span> <span>0</span></p>" 
+       und daneben einen Button mit "increment" beschriftet an.
+       Aufgabe: Auf Mausklick erhöhe die Zahl jeweils mit 1.
+
+    e) Vorbereitung: Lege ein blaues <div> an (120px, 160px). 
+       Aufgabe: Wechsle die Farbe des <div> sobald der Mauszeiger darüber fährt
+       und wechsle zurück, sobald der Mauszeiger das <div> wieder verlässt. 
+*/
\ No newline at end of file
diff --git a/assets/java/java.js b/assets/java/java.js
new file mode 100644
index 0000000..0463e66
--- /dev/null
+++ b/assets/java/java.js
@@ -0,0 +1,291 @@
+console.log("Hallo du schon wieder!!");
+
+
+/* DU EI! */
+function news(){
+    let neu = 3;
+    var eier = "Eier";
+    var du = "du Ei!!";
+    document.write("<p>" + "Du hast" + " " + neu + " " + eier + " " + du + "</p>");
+};
+
+/* DISTANCE TO MILES */
+function mToKm(miles){
+    return miles * 1.609;
+};
+mToKm(3);
+
+/* PIZZA ORDER */
+function getPizzaOrder(name, ingredient){
+    return name + ' wants to order pizza with ' + ingredient + '.';
+};
+    getPizzaOrder('Peter', 'Hawaii');
+
+
+/* TO UPPER CASE */
+function toUpperCase(text){
+    return text.toUpperCase();
+};
+
+/* CALCULATE RADIUS */
+function circumference(radius){
+    return radius * 2 * Math.PI
+};
+
+/* NICE WEATHER */
+function weather(niceWeather){
+    if  (niceWeather){
+        return "go for a walk";
+    }
+    else {
+        return "stay at home and watch netflix";
+    }
+};
+
+/* AGE VERIFICATION */
+function old(age){
+    if (age>=18){
+        return'You can sign in you Perv.';
+    }
+    else{
+        return'You must be at least 18 to sign up.'
+    }
+}
+
+/* WEEK DAYS */
+function weekDays(day){
+    switch (new Date()){
+        case "Monday":
+            return"Damnit, it's Monday again🤮";
+            break;
+        case "Tuesday":
+            return"Yeah! I'm awake😴😴";
+            break;
+        case "Wednesday":
+            return"Almost there🪗";
+            break;
+        case "Thursday":
+            return"Party Time🥳🥳🥳🥳";
+            break;
+        case "Friday":
+            return"Party On🤤🤤";
+            break;
+        case "Saturday":
+            return"Ooooh Yeah🥳🥳";
+            break;
+        case "Sunday":
+            return"Again?!!🤮🔨";
+            break;
+    }
+}
+
+
+/* DAILY ACTIVITIES */
+function daily(){
+    let dailyActivities = ['eat', 'sleep', 'shower'];
+        dailyActivities.push('cook', 'clean');
+    for (let i = 0; i <= 7; i++){
+        document.writeln(dailyActivities[i].toUpperCase()); 
+    };
+}
+
+/* WEATHER DATA */
+function  logWeatherData() {
+    let weatherData = { 
+        date: '2022-12-01',
+        temperature: 30,
+        humidity: 10
+    };
+
+    document.writeln(weatherData.date + '<br>');
+    document.writeln(weatherData.humidity + '<br>');
+    document.writeln(weatherData['temperature']+ '<br>');
+
+    weatherData.temperature = 40;
+    document.writeln(weatherData['temperature'] + '<br>');
+
+    let property = 'humidity';
+    weatherData[property] = 99;
+    document.writeln(weatherData[property]);
+}
+
+/* FULL NAME */
+function bigName(){
+    const user = {    
+        lastName:       "Grimes",
+        firstName:  "Petra",
+        id:         5566,
+        fullName:   function(){
+            return this.firstName + " " + this.lastName;
+        }
+    };
+document.writeln(user.fullName());
+}
+
+
+/* FULL */
+function divi(a){
+a = a / 2;
+document.writeln(a);
+}
+
+/* HEROES */
+function logUsers() {
+    const users =[
+    {
+        lastName:   "Man",
+        firstName:  "Spider",
+        age:        22,
+        origin:     "USA"
+    },{
+        lastName:   "Man",
+        firstName:  "Iron",
+        age:        44,
+        origin:     "USA"
+    },{
+        lastName:    "Man",
+        firstName:  "Super",
+        age:        2,
+        origin:     "Krypton"
+    },{
+        lastName:   "Man",
+        firstName:  "Bat",
+        age:        38,
+        origin:     "USA"
+    },{
+        lastName:   "America",
+        firstName:  "Captain",
+        age:        86,
+        origin:     "USA"
+    },{
+        lastName:   "Samurai",
+        firstName:  "Silver",
+        age:        21,
+        origin:     "Japan"
+    },{
+        lastName:   "the Untouchable",
+        firstName:  "Unus",
+        age:        24,
+        origin:     "Turkey"
+    },{
+        lastName:   "von Strucker",
+        firstName:  "Baron",
+        age:        65,
+        origin:     "Germany"
+    },{
+        lastName:   "Chi",
+        firstName:  "Shang",
+        age:        42,
+        origin:     "China"
+    },{
+        lastName:   "Burb",
+        firstName:  "Rio",
+        age:        35,
+        origin:     "Switzerland"
+    }
+];
+
+    /* // VORLAGE
+    document.write("<h3>TITLE </h3>");
+    document.write("<ul>")
+        for (let i = 0; i <= users.length; i++) { //LOOP
+                document.write("<li>");
+                document.write(
+                    [users[i].firstName + ' ' + users[i].lastName + ', ' +users[i].age
+                );
+                document.write("</li>");        
+    };  
+    document.write("<ul>")
+    */
+
+// a), b), c), ALL HEROES
+    document.write("<h6> A,B,C) ALL HEROES </h6>");
+    document.write("<ul>");
+        for (let i = 0; i < users.length; i++) { //LOOP
+                document.write("<li>");
+                document.write(
+                    [i] + ': ' + users[i].firstName + ' ' + users[i].lastName + ', ' +users[i].age + ', ' + users[i].origin 
+                );
+                document.write("</li>");        
+    } 
+    document.write("</ul>");
+    document.write("<p></p>")
+
+// CHALLANGE D LIST THOSE YOUNGER OR SAME AS 40
+    document.write("<h6> D) THOSE YOUNGER OR SAME AS 40</h6>");
+    document.write("<ul>");
+        for (let i = 0; i < users.length; i++) {
+            let user = users[i];
+
+            if (user.age <= 40){ 
+                    document.write("<li>");
+                    document.write(
+                        i + ": " + user.firstName + ' ' + user.lastName+ ', ' +user.age + ', ' + user.origin
+                    );
+                    document.write("</li>");
+                }
+    }   
+    document.write("</ul>");
+    document.write("<p></p>")
+
+// CHALLANGE E LIST THOSE OLDER OR SAME AS 30
+    document.write("<h6> E) THOSE OLDER OR SAME AS 30</h6>");
+    document.write("<ul>");
+        for (let i = 0; i < users.length; i++) {
+            if (users[i].age >= 30) writeToListItem(users[i], i);
+            }   
+    document.write("</ul>");
+    document.write("<p></p>");    
+
+// CHALLANGE F LIST THOSE WICH ARE FROM CH OR DE
+    document.write("<h6> F) THOSE WICH COME FROM 'CH' AND 'DE'</h6>");
+    document.write("<ul>");
+    for (let i = 0; i < users.length; i++) {
+        let user = users[i];
+        if (user.origin === "Switzerland" || user.origin === "Germany") writeToListItem(user, i);
+    }
+    document.write("</ul>");
+
+// CHALLANGE G LIST OF THOSE NOT FROM SWITZERLAND AND YOUNGER THAN 30
+    document.write("<h6> G) THOSE NOT FROM 'CH' AND YOUNGER THAN 30</h6>");
+    document.write("<ul>");
+    for (let i = 0; i < users.length; i++) {
+        let user = users[i];
+        if (user.origin !== "Switzerland" && user.age < 30) writeToListItem(user, i);
+    }
+    document.write("</ul>"); 
+  
+
+
+// CHALLANGE H  A FUNCTION RECALL TO SHOW THOSE NOT FROM SWITZERLAND AND OLDER THAN 20
+function filter(users,i,older20){
+    document.write("<h6> H) THOSE NOT FROM 'CH' AND OLDER THAN 20</h6>");
+    document.write("<ul>");
+    for (let i = 0; i < users.length; i++); {
+        let user = users[i];
+        if (older20AndCH(user)) writeToListItem(user, i);
+    }
+    document.write("</ul>");
+    }
+
+
+
+function older20AndCH(user) { // FUNCTION SWISS AND OLDER THAN 20
+    return (user.origin !== "Schweiz" && user.age > 20);
+    }
+
+function writeToListItem(user, i){ // FUNCTION TO DOCUMENT.WRITE SHORTENING
+    document.write('<li>');
+    document.write(
+        i + ': ' + user.firstName + ' ' + user.lastName + ', ' + user.age + ', ' + user.origin
+    );
+    document.write('</li>');
+    }
+
+}    
+
+
+
+
+
+/* !== nicht gleich, && heist ...und.. */
\ No newline at end of file
diff --git a/assets/java/main.js b/assets/java/main.js
new file mode 100644
index 0000000..f354616
--- /dev/null
+++ b/assets/java/main.js
@@ -0,0 +1,61 @@
+/* Definiere alle möglichen Wertekombinationen der
+  Booleschen Variablen a, b und c.
+*/
+let combinations = [
+    [false, false, false], // tripel
+    [false, false, true],
+    [false, true, false],
+    [false, true, true],
+    [true, false, false],
+    [true, false, true],
+    [true, true, false],
+    [true, true, true]
+ ];
+ 
+ // Generate einen output string (HTML fragment) mit Titel.
+ let html = line("Calculate logical expression with JavaScript");
+ 
+ // Schleife (Loop) über alle Kombinationen von Booleschen Werten.
+ for (let i = 0; i < combinations.length; i++) {
+    let tripel = combinations[i];
+ 
+    // html = html + makeTestReport(...); append html to the existing html
+    html += makeTestReport(tripel[0], tripel[1], tripel[2]);
+ }
+ 
+ // Schreibe den Output in das <p> tag.
+ writeOutput(html);
+ 
+ // SUPPORT FUNCTIONS ------------------------------------------------
+ 
+ function makeTestReport(a, b, c) {
+    // Berechne das resultat der ersten Formel ab + ¬ac + bc
+    // "¬" wird mit Alt Gr + 6 erzeugt - danke Chaimaa.
+    let result1 = (a && b) || (!a && c) || (b && c);
+ 
+    // Berechne das resultat der zweiten Formel ab + ¬ac
+    let result2 = (a && b) || (!a && c);
+ 
+    // Generate einen output string (HTML fragment).
+    let html = line(); // Empty line. This is the same as html = html + line(); line("Calculate logical expression with JavaScript");
+    html += line(`With a = ${a}, b = ${b} and c = ${c}`);
+    html += line(`ab + ¬ac + bc = ${result1}`);
+    html += line(`ab + ¬ac = ${result2}`);
+ 
+    return html; // HTML Fragment zurückgeben.
+ }
+ 
+ function line(text) { 
+    if (text) {
+        // Das argument text ist ein nicht leerer String.
+        return text + '<br>';
+    }
+    else return '<br>'; 
+ }
+ 
+ function writeOutput(html) {
+    document.getElementById("output").innerHTML = html;
+    // Wäre auch möglich mit document.querySelector("#output")
+    // innerText wäre für Text ohne HTML-Tags
+ }
+ 
\ No newline at end of file
diff --git a/dom.html b/dom.html
new file mode 100644
index 0000000..8d203d0
--- /dev/null
+++ b/dom.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Dom</title>
+    <script src="assets/java/dom.js" defer ></script>  <!-- Script für JS-Datei (mit "defer" solte es manchmal gehen)-->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css">    
+    <link rel="stylesheet" href="assets/css/style.css">
+</head>
+<body>
+    <nav>
+        <div class="sidenav">
+            <a href="index.html"><h3>Menü</h3></a>
+            <a href="javaStart.html"><h5>Java-Page</h5></a>
+            <a href="dom.html"><h5>Dom-Page</h5></a>
+            <a href="mySecondDom.html" class="Dom"><h5>Dom II-Page</h5></a>
+            <a href="logicalExpr.html" class="Dom"><h5>Log. Expr</h5></a> 
+            <a href="validation.html" class="Dom"><h5>Validation</h5></a>  
+            <a href="form.html" class="Dom"><h5>Form</h5></a>  
+        </div>
+    </nav>
+    <main>
+
+    <!--  Override id("app") mit neuem Text-->
+    <div class="alert alert-info border border-primary" role="alert">
+        <h1>Override mit neuem Text!</h1>
+        <h1 id="app">Hello!</h1>
+        <!-- <script>
+            document.getElementById("app").style.color  = "blue";
+            document.getElementById("app").innerHTML    = "Hello Dude!";
+            document.getElementById("app").textContent  = "Hello  All!";
+            document.getElementById("app").innerText    = "HELL-O Monday!!";
+
+        </script> -->
+    </div>
+    <div class="alert alert-warning border border-primary" role="alert">
+        <h1 id="app2">Hellho!</h1>
+        <!-- <script>
+            document.getElementById("app").style.color  = "blue";
+            document.getElementById("app").innerHTML    = "Hello Dude!";
+            document.getElementById("app").textContent  = "Hello  All!";
+            document.getElementById("app").innerText    = "HELL-O Monday!!";
+
+        </script> -->
+    </div>
+
+    <!-- Sollte emoji verändern je nach Aktion -->
+    <div id="emoji-container" class="alert alert-info border border-primary">
+        <i id="emoji"   onclick     ="alert('You Clicked Me')" 
+                        onmouseover ="mOver()"
+                        onmouseout  ="mOut(this)" 
+                        class="bi bi-emoji-sunglasses">                
+        </i>
+
+    </div>  
+
+<!--     <script src="assets/java/dom.js" async="false"></script> -->
+    <!-- Change Emojio in hover -->
+    <script>
+    function mOver(){
+        let emojiObject             = document.getElementById("emoji");
+        emojiObject.style.color     = 'blue';
+        emojiObject.style.fontSize  = '200px';
+    }
+
+    function mOut(element){
+        element.style.color         = 'red';
+        element.style.fontSize      = '100px';
+/*         element.style.backgroundColor    = '#f3f3f3 '; */
+    }
+    </script>
+
+    <!-- Bulb ON/OFF script exectued by onClick -->
+    <div style="background-color:black">
+    <button onclick="document.getElementById('myImage').src='assets/img/pic_bulbon.gif'">Turn on the light</button>
+
+    <img id="myImage" src="assets/img/pic_bulboff.gif" style="width:100px">
+
+    <button onclick="document.getElementById('myImage').src='assets/img/pic_bulboff.gif'">Turn off the light</button>
+    </div>
+    </main>
+</body>
+</html>
diff --git a/form.html b/form.html
new file mode 100644
index 0000000..25d7c4c
--- /dev/null
+++ b/form.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>First Form Validation</title>
+    <script src="assets/java/dom2.js" defer ></script>  <!-- Script für JS-Datei (mit "defer" solte es manchmal gehen)-->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css">    
+    <link rel="stylesheet" href="assets/css/style.css">
+</head>
+    <main>
+        <nav>
+            <div class="sidenav">
+                <a href="index.html"><h3>Menü</h3></a>
+                <a href="javaStart.html"><h5>Java-Page</h5></a>
+                <a href="dom.html"><h5>Dom-Page</h5></a>
+                <a href="mySecondDom.html" class="Dom"><h5>Dom II-Page</h5></a>
+                <a href="logicalExpr.html" class="Dom"><h5>Log. Expr</h5></a> 
+                <a href="validation.html" class="Dom"><h5>Validation</h5></a> 
+                <a href="form.html" class="Dom"><h5>Form</h5></a>  
+            </div>
+
+            <h1 id="app">Bitte trage deine vollständigen Angaben ein!</h1>
+
+            <div class="alert alert-info border border-primary" role="alert">
+
+                <form id="form1" targer="_self" onsubmit="alertFunction()">
+                    <fieldset>
+                        <legend><h1>Personalien:</h1></legend>
+
+                        <label for  ="gender">Geschlecht</label><br>
+                        <select id="gender">
+                          <option value="Mann">Mann</option>
+                          <option value="Frau">Frau</option>
+                          <option value="Non-Bin">Non-Binär</option>
+                        </select>
+                        <br>
+
+                        <label for  ="vName">Vorname:</label><br>
+                        <input type ="text"     id="vName"  name="vName"    /*value="Rio"*/         required><br>        
+                        
+                        <label for  ="nName">Nachname:</label><br>
+                        <input type ="text"     id="nName"  name="nName"    /*value="Burbi"*/       required><br>
+
+                        <label for  ="birthday">Geburtstag:</label><br>
+                        <input type ="date"     id="birthday"  name="birthday"    /*value="Burbi"*/       required><br>
+
+                        <label for  ="firm">Firma:</label><br>
+                        <input type ="text"     id="firm"   name="firm"     /*value="Global Corp."*/ required><br><br>
+                        
+                        <label for  ="email">E-Mail:</label><br>
+                        <input type ="email"    id="email"  name="email"     /*value="MayMusterFrau@zuerich.ch"*/ required><br><br> 
+
+                        <label for  ="age"> Alter (Zwischen 1 und 99):</label><br>
+                        <input type ="number"   id="age"    name="age"      min="1" max="99"    required><br><br>
+
+                        <button onclick= "validateVorName(); validateNachName(); validateAge();" type="submit" form="form1" value="Submit">Validieren</button> 
+                        <input type="Reset">
+                    </fieldset>
+                </form>
+            </div>
+
+        </nav>
+    </main>
+</html>
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..ba750cb
--- /dev/null
+++ b/index.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>INDEX</title>
+    <script src="assets/java/dom2.js" defer ></script>  <!-- Script für JS-Datei (mit "defer" solte es manchmal gehen)-->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css">    
+    <link rel="stylesheet" href="assets/css/style.css">
+
+
+</head>
+<body>
+    <nav>
+        <div class="sidenav">
+            <a href="index.html"><h3>Menü</h3></a>
+            <a href="javaStart.html"><h5>Java-Page</h5></a>
+            <a href="dom.html"><h5>Dom-Page</h5></a>
+            <a href="mySecondDom.html" class="Dom"><h5>Dom II-Page</h5></a>
+            <a href="logicalExpr.html" class="Dom"><h5>Log. Expr</h5></a>
+            <a href="validation.html" class="Dom"><h5>Validation</h5></a>  
+            <a href="form.html" class="Dom"><h5>Form</h5></a> 
+        </div>
+    </nav>
+    <main>
+
+        <div>
+            <img src="assets/img/1_RR6spBZYaiATXhipWdvNlg.webp">
+            <h1>INDEX-PAGE</h1>
+            <p>Hier ist eine Seite die einige Funktionen<br>
+                des JavaScripts und DOM's aufzeigt.</p>
+            <p>Viel Spass</p>
+        </div>
+    </main>
+</body>
+</html>
\ No newline at end of file
diff --git a/javaStart.html b/javaStart.html
new file mode 100644
index 0000000..f555e65
--- /dev/null
+++ b/javaStart.html
@@ -0,0 +1,235 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Java Start</title>
+    <script src="assets/java/java.js"></script>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <link rel="stylesheet" href="assets/css/style.css">
+    <script>
+        console.log("Hallo ich!");
+    </script>
+</head>
+<body>
+    <nav>
+        <div class="sidenav">
+            <a href="index.html"><h3>Menü</h3></a>
+            <a href="javaStart.html"><h5>Java-Page</h5></a>
+            <a href="dom.html"><h5>Dom-Page</h5></a>
+            <a href="mySecondDom.html" class="Dom"><h5>Dom II-Page</h5></a>
+            <a href="logicalExpr.html" class="Dom"><h5>Log. Expr</h5></a>
+            <a href="validation.html" class="Dom"><h5>Validation</h5></a>
+            <a href="form.html" class="Dom"><h5>Form</h5></a>   
+          </div>
+    </nav>
+    <main>
+    <!-- <body onload="alert('Hallo du!!!');"> -->
+        <!-- HELLO WORLD  -->
+        <div class="alert alert-info borders" role="alert">
+            <p><u>HELLO WORLD</u></p>
+            <p>Hello World</p>
+            <script> document.write( "<p>Hallo schon wieder<p>")</script>
+            <script>
+                let eins= 1;
+                var drei =3;
+
+                document.write("<p>" + eins + drei + "3" + "</p>");
+
+                const a = 1;
+                const b = 3;
+                let c = a+b;
+                document.write(c);
+
+                const d = "C";
+                const e = "H";
+                let f = d+e;
+                document.write('<br>'+f);                
+            </script>
+        </div>
+
+        <!-- DU EI! -->
+        <div class="alert alert-info" role="alert">
+            <p><u>DU EI</u></p>
+            <script> 
+                news();
+            </script>
+        </div>
+
+        <!-- DISTANCE TO MILES -->
+        <div class="alert alert-info" role="alert">
+            <p><u>DISTANCE TO MILES</u></p>
+            <script> 
+                let distanceInMiles = 13.556;
+                document.write( "<p>" + mToKm(distanceInMiles) + "</p>");
+            </script>
+        </div>
+
+        <!-- PIZZA ORDER -->
+        <div class="alert alert-info" role="alert">
+            <p><u>PIZZA ORDER</u></p>
+            <script> 
+
+                let fname ="Johnny";
+                let zutat= "Hawaii";
+
+                document.write ( "<p>" + getPizzaOrder ('Burb', 'Diavola') + "</p>");
+                document.write ( "<p>" + getPizzaOrder ('Rio', 'Quattro Fromagi') + "</p>");
+                document.write ( "<p>" + getPizzaOrder ( fname, zutat) + "</p>");
+                document.write ( "<p>" + getPizzaOrder () + "</p>");
+
+            </script>
+        </div>
+
+        <!-- TO UPPER CASE -->
+        <div class="alert alert-info" role="alert">
+            <p><u>TO UPPER CASE</u></p>
+            <script>
+                document.write ( "<p>" + toUpperCase('you are lame') + "</p>");
+            </script>
+        </div>
+
+        <!-- CALCULATE RADIUS -->
+        <div class="alert alert-info" role="alert">
+            <p><u>CALCULATE RADIUS</u></p>
+            <script>
+                var radius=20;
+                document.write ( "<p>" + circumference(radius)  + "</p>");
+            </script>
+        </div>
+        
+        <!-- NICE WEATHER -->
+        <div class="alert alert-info" role="alert">
+            <p><u>NICE WEAHTER</u></p>
+            <script>
+                let niceweather= true;
+                document.write ( "<p>" + weather(niceweather)  + "</p>");
+            </script>
+        </div>
+
+        <!-- AGE VERIFICATION -->
+        <div class="alert alert-info" role="alert">
+            <p><u>AGE VERIFICATION</u></p>
+            <script>
+                let age= 19;
+                document.write ( "<p>" + old(age)  + "</p>");
+            </script>
+        </div>
+
+
+<!--         <div class="alert alert-info" role="alert">
+            <script>
+                
+            const day =   Date.toLocaleDateString('en-US', {
+                weekday: 'long',
+            });
+                document.write ( "<p>" + day  + "</p>");
+
+            </script> -->
+        </div>
+
+        <!-- NUMMBER PLAYS 1 -->
+        <div class="alert alert-info" role="alert">
+            <p><u>NUMMBER PLAYS 1</u></p>
+            <script>
+                for (let i = 0; i < 20; i++){
+                    document.writeln(i);
+                }
+            </script>
+        </div>
+        <!-- NUMMBER PLAYS 2 -->
+        <div class="alert alert-info" role="alert">
+            <p><u>NUMMBER PLAYS 2</u></p>
+            <script>
+                for (let i = 0; i < 100; i++){
+                    document.writeln(i);
+                    if( i == 45){
+                        break;
+                    }
+                }
+            </script>
+        </div>
+        <!-- NUMMBER PLAYS 3 -->
+        <div class="alert alert-info" role="alert">
+            <p><u>NUMMBER PLAYS 3</u></p>
+            <script>
+                for (let i = 0; i <= 10; i++){
+                    if( i == 2){
+                        continue;
+                    }
+                    document.writeln(i);
+                }
+            </script>
+        </div>
+
+        <!-- WEEK DAYS -->
+        <div class="alert alert-info" role="alert">
+            <p><u>WEEK DAYS</u></p>
+            <script>
+                weekDays()            
+            </script>
+        </div>
+        
+        <!-- DAYS OF THE WEEK -->
+        <!-- Loops "n = x" Times the Sentence "I love Java Script" -->
+        <div class="alert alert-info" role="alert">
+            <p><u>DAYS OF THE WEEK</u></p>
+            <script>
+                const n = 4;
+                for (let i = 1; i <= n; i++)
+                    document.write('I love JavaScript.'+ '<br>');
+                
+            </script>
+        </div>
+
+        <div class="alert alert-info" role="alert">
+            <p><u>DAILY ACTIVITIES</u></p>           
+            <script>
+                daily();
+            </script>
+        </div>
+        
+        <!-- WEATHER DATA -->
+        <div class="alert alert-info" role="alert">
+            <p><u>WEATHER DATA</u></p>           
+            <script>
+                logWeatherData();
+            </script>
+        </div>
+
+        <!-- FULL NAME-->
+        <div class="alert alert-info" role="alert">
+            <p><u>FULL NAME</u></p>           
+            <script>
+                bigName()
+            </script>
+        </div>
+
+        <!-- FULL -->
+        <!-- Parameter wird in html und js anders definiert -->
+        <div class="alert alert-info" role="alert">
+            <p><u>FULL</u></p>           
+            <script>
+                let z= 12;
+                divi(z)
+            </script>
+        </div>
+
+
+        <!-- HEROES-->
+        <div class="alert alert-info" role="alert">
+            <p><u>HEROES</u></p>           
+            <script>
+                logUsers();         
+            </script>
+        </div>
+<!--         <div class="alert alert-info" role="alert">
+            <p><u>HEROES II</u></p>           
+            <script>
+                filter();        
+            </script>
+        </div> -->
+    </main>
+    </body>
+</html>
\ No newline at end of file
diff --git a/logicalExpr.html b/logicalExpr.html
new file mode 100644
index 0000000..7cd2555
--- /dev/null
+++ b/logicalExpr.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+   <meta charset="UTF-8">
+   <meta http-equiv="X-UA-Compatible" content="IE=edge">
+   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+   <title>Logical Expressions</title>
+   <meta name='viewport' content='width=device-width, initial-scale=1'>
+   <script src="assets/java/main.js" defer ></script>  <!-- Script für JS-Datei (mit "defer" solte es manchmal gehen)-->
+   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css">    
+   <link rel="stylesheet" href="assets/css/style.css">
+
+</head>
+<,>
+   <nav>
+      <div class="sidenav">
+          <a href="index.html"><h3>Menü</h3></a>
+          <a href="javaStart.html"><h5>Java-Page</h5></a>
+          <a href="dom.html"><h5>Dom-Page</h5></a>
+          <a href="mySecondDom.html" class="Dom"><h5>Dom II-Page</h5></a>
+          <a href="logicalExpr.html" class="Dom"><h5>Log. Expr</h5></a>
+          <a href="validation.html" class="Dom"><h5>Validation</h5></a>  
+          <a href="form.html" class="Dom"><h5>Form</h5></a>  
+      </div>
+  </nav>
+  <main>
+      <div class="alert alert-info borders" role="alert">
+      <p id="output"></p>
+      <script src='assets/java/main.js'></script>
+      </div>
+   </main>
+</body>
+</html>
diff --git a/mySecondDom.html b/mySecondDom.html
new file mode 100644
index 0000000..749a443
--- /dev/null
+++ b/mySecondDom.html
@@ -0,0 +1,162 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>My Second Dom</title>
+    <script src="assets/java/dom2.js" defer ></script>  <!-- Script für JS-Datei (mit "defer" solte es manchmal gehen)-->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css">    
+    <link rel="stylesheet" href="assets/css/style.css">
+
+</head>
+<body>
+    <nav>
+        <div class="sidenav">
+            <a href="index.html"><h3>Menü</h3></a>
+            <a href="javaStart.html"><h5>Java-Page</h5></a>
+            <a href="dom.html"><h5>Dom-Page</h5></a>
+            <a href="mySecondDom.html" class="Dom"><h5>Dom II-Page</h5></a>
+            <a href="logicalExpr.html" class="Dom"><h5>Log. Expr</h5></a> 
+            <a href="validation.html" class="Dom"><h5>Validation</h5></a>
+            <a href="form.html" class="Dom"><h5>Form</h5></a>   
+        </div>
+    </nav>
+    <main>
+        <!-- Aufgabe A -->
+<!--a)  Vorbereitung: Lege zwei Buttons jeweils mit Identifikator (id) 
+        und Beschriftung an.
+        Aufgabe: Auf Mausklick gib id und Beschriftung des gewählten Buttons 
+        in der Konsole des Browsers aus. -->
+
+        <div class="alert alert-info border border-primary" role="alert">
+        <h1>Aufgabe A</h1>
+        <p>Vorbereitung: Lege zwei Buttons jeweils mit Identifikator (id) 
+            und Beschriftung an.<br>
+            Aufgabe: Auf Mausklick gib "id" und Beschriftung des gewählten Buttons 
+            in der Konsole des Browsers aus.</p>
+        <script>
+        function logButtonIdentifaction(element){
+            console.log(element.id, element.innerText);
+        }
+        </script>
+
+        <button type    ="button"
+                class   ="btn btn-primary"
+                id      ="defaultButton"
+                onclick ="logButtonIdentifaction(this);">Default</button>
+        <button type    ="button"
+                class   ="btn btn-success"
+                id      ="successButton"
+                onclick ="logButtonIdentifaction(this);">Success</button>
+        </div>
+
+        <!-- Aufgabe B -->
+<!-- b) Vorbereitung: Lege einen "JA" Button an.
+        Aufgabe: Auf Mausklick wechsle die Beschriftung des Buttons auf "NEIN",
+        wenn vorher "JA" sichtbar war - und umgemkehrt (toggle). -->
+        <div class="alert alert-info border border-info" role="alert">
+        <h1>Aufgabe B</h1>
+        <p>Vorbereitung: Lege einen "JA" Button an.<br>
+            Aufgabe: Auf Mausklick wechsle die Beschriftung des Buttons auf "NEIN",
+            wenn vorher "JA" sichtbar war - und umgemkehrt (toggle).</p>
+        <script>
+            function toggleYesNo(element){
+                if (element.innerText === "BUT NO"){
+                    element.innerText = "BUT YEAH";
+                }
+                else{ //innerText ist "JA"
+                    element.innerText = "BUT NO"
+                }
+            }
+        </script>
+        <button type     ="button"
+                class    = "btn btn-primary"
+                onclick  ="toggleYesNo(this);">YEAH</button>
+        </div>
+
+        <!-- Aufgabe C -->
+<!-- c) Vorbereitung: Lege einen eingefärbten Kreis (CSS Circle) und den Button
+        "Löschen" daneben an.
+        Aufgabe: Auf Mausklick lösche den Kreis.       -->  
+    <div class="alert alert-danger border-2 border-danger" role="alert">
+        <h1>Aufgabe C</h1>
+        <p>Vorbereitung: Lege einen eingefärbten Kreis (CSS Circle) und den Button
+            "Löschen" daneben an.<br>
+            Aufgabe: Auf Mausklick lösche den Kreis.</p>
+            <script>
+                function deleteCircle(id){
+                    document.getElementById(id).remove();
+
+                }
+            </script>
+        <div id="circle"></div>
+        <button type="button"
+                class="btn btn-danger"
+                onclick="deleteCircle('circle');">Löschen</button>
+    </div>
+
+        <!-- Aufgabe D  --> 
+<!-- d) Vorbereitung: Lege einen Paragraphen mit 
+        "<p><span>Anzahl Clicks:</span> <span>0</span></p>" 
+        und daneben einen Button mit "increment" beschriftet an.
+        Aufgabe: Auf Mausklick erhöhe die Zahl jeweils mit 1.   -->      
+    <div class="alert alert-info border border-primary" role="alert">
+        <h1>Aufgabe D</h1>
+        <p>Vorbereitung: Lege einen Paragraphen mit 
+            "p" "span" Anzahl Clicks: "/span" "span" 0 "/span" "/p" 
+            und daneben einen Button mit "increment" beschriftet an.<br>
+            Aufgabe: Auf Mausklick erhöhe die Zahl jeweils mit 1.</p>
+            <script>
+                function increment(id){
+                    //Konvertier den innerText "(String) in einen Integer mit parseInt().
+  /*                let count = parseInt(document.getElementById(id).innerText);
+                    document.getElementById(id).innerText = count + 1 */
+
+                    let element = document.getElementById(id);
+                    let count = parseInt(element.innerText);
+
+                    element.innerText =count + 1;
+
+
+                    /* Simplere Hack version mit ++ */
+/*                     function increment(id){
+                        docuemtn.getElementById(id).innerText++;
+                    } */
+
+
+                }
+            </script>
+
+        <p><span>Anzahl Clicks </span><span id="clickCount">0</span></p>
+
+        <button type="button"
+                class="btn btn-primary"
+                onclick="increment('clickCount');">Increment</button>
+    </div>
+
+        <!-- Aufgabe E -->
+<!-- e) Vorbereitung: Lege ein blaues <div> an (120px, 160px). 
+        Aufgabe: Wechsle die Farbe des <div> sobald der Mauszeiger darüber fährt
+        und wechsle zurück, sobald der Mauszeiger das <div> wieder verlässt.  -->
+        <div class="alert alert-info border border-primary" role="alert">
+            <h1>Aufgabe E</h1>
+            <p>Vorbereitung: Lege ein blaues "div" an (120px, 160px).<br> 
+                Aufgabe: Wechsle die Farbe des "div" sobald der Mauszeiger darüber fährt
+                und wechsle zurück, sobald der Mauszeiger das "div" wieder verlässt.</p>
+                <script>
+                    function changeColor(element, colorName){
+                        element.style.backgroundColor = colorName;
+
+                    }
+                </script>
+            <div id="hotspot"
+            onmouseover ="changeColor(this,'red')";
+            onmouseout  ="changeColor(this, 'blue')";>
+            </div>
+    
+
+    </main>
+</body>
+</html>
\ No newline at end of file
diff --git a/validation.html b/validation.html
new file mode 100644
index 0000000..dca4b2c
--- /dev/null
+++ b/validation.html
@@ -0,0 +1,141 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>First Form Validation</title>
+    <script src="assets/java/dom2.js" defer ></script>  <!-- Script für JS-Datei (mit "defer" solte es manchmal gehen)-->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css">    
+    <link rel="stylesheet" href="assets/css/style.css">
+</head>
+    <body>
+        <nav>
+            <div class="sidenav">
+                <a href="index.html"><h3>Menü</h3></a>
+                <a href="javaStart.html"><h5>Java-Page</h5></a>
+                <a href="dom.html"><h5>Dom-Page</h5></a>
+                <a href="mySecondDom.html" class="Dom"><h5>Dom II-Page</h5></a>
+                <a href="logicalExpr.html" class="Dom"><h5>Log. Expr</h5></a> 
+                <a href="validation.html" class="Dom"><h5>Validation</h5></a>  
+                <a href="form.html" class="Dom"><h5>Form</h5></a>  
+    
+            </div>
+        </nav>
+        <main>
+            <h1 id="app">Bitte trage deinen vollständigen Namen ein!</h1>
+
+            <div class="alert alert-info border border-primary" role="alert">
+                    <script>
+                    /**
+                     *TODO    Vorbereitungen: 
+                                    !) Neue Datei my-first-form-validation.html (ohne Bootstrap)
+                                    a) <form> mit zwei input Feldern vom Typ 'text'.
+                                    b) Ein input Feld vom Typ 'number'
+                                    c) <button> mit der Beschriftung "Validieren" ausserhalb <form>
+                                    d) <p> für eine Fehlermeldung unterhalb dem Button
+
+                        *TODO   Validierungen mit JavaScript (inkl. Fehlermeldung): 
+                                    1) das erste input Feld darf nicht leer sein
+                                    2) beide input Felder dürfen nicht leer sein
+                                    3) das zweite input Feld muss ein '@' enthalten
+                                    4) der Wert n im Nummernfeld erfüllt 0 <= n <= 10
+
+                        *?      https://www.w3schools.com/html/html_form_input_types.asp
+                
+                        document.getElementById('blah');
+                        document.querySelectorAll('input[type="text"]');
+                        forEach(myFunction);
+                    */
+
+                    function validateVorName() {
+                        let inputElement    = document.getElementById("vName");
+                        let value           = inputElement.value;
+
+                        if (!value){
+                            // Beispiele: " ", null, undefined  
+                            setMessage1("Bitte den Vornamen eingeben.");
+                        }
+                        /** 
+                        *! Ab hier enthält value einen nicht leeren String.
+                        *? indexOf() https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/indexOf?retiredLocale=de */
+                        else if (value.indexOf("@") === -1){
+                            //value enhält KEIN '@' Symbol.
+                            setMessage1("Bitte im Vornamen ein '@' einfügen");
+                        }
+                        else {
+                            setMessage1(value);
+                        }
+                    }
+
+                    function validateNachName(){
+                        let inputElement    = document.getElementById("nName");
+                        let value           = inputElement.value;
+                    
+                        if (!value){
+                            // Beispiele: " ", null, undefined */
+                            setMessage2("Bitte den Nachnamen eingeben.");
+                        }
+                        else {
+                            setMessage2(value);
+                        }
+                    }
+
+                    function validateAge() {
+                        let inputElement    = document.getElementById("age");
+                        let value           = inputElement.value;
+
+                        if (!value){
+                            // Beispiele: " ", null, undefined 
+                            setMessage3("Bitte das Alter eingeben.");
+                        }
+                        else if (value < 0 || value > 99) { //NOT ( 0<= n <= 99})
+                            // Entweder ist die Zahl kleiner als Null oder grösser als 99.                   
+                            setMessage3("Entweder ist die Zahl kleiner als Null oder grösser als 99.");
+                        }
+                        else {
+                            setMessage3(value);
+                        }
+                    }
+
+                    function setMessage1(value){
+                        document.getElementById("message-1").innerText = value;
+                    }
+
+                    function setMessage2(value){
+                        document.getElementById("message-2").innerText = value;
+                    }
+
+                    function setMessage3(value){
+                        document.getElementById("message-3").innerText = value;
+                    }
+
+                    function alertFunction(){
+                        alert("Das Formular wurde abgeschickt.");
+                    }
+                </script>
+                    
+                <form id="form1" targer="_self" onsubmit="alertFunction()">
+                    <fieldset>
+                        <legend>Personalien:</legend>
+                        <label for  ="vname">Vorname:</label><br>
+                        <input type ="text"     id="vName"      name="vName" value="Rio"><br>        
+                        
+                        <label for  ="nName">Nachname:</label><br>
+                        <input type ="text"     id="nName"      name="nName" value="Burbi"><br><br>
+
+                        <label for  ="age"> Alter (Zwischen 1 und 99):</label><br>
+                        <input type ="number"   id="age"   name="age" min="1" max="99"><br><br>
+
+                        <button onclick= "validateVorName(); validateNachName(); validateAge();" type="submit" form="form1" value="Submit">Validieren</button> 
+                        <input type="Reset">
+                    </fieldset>
+                </form>
+                <!--           <button onclick= "validateVorName(); validateNachName(); validateAge();" type="submit" form="form1" value="Submit">Validieren</button>-->                <p id= "message-1"></p>
+                <p id= "message-2"></p>
+                <p id= "message-3"></p>
+            </div> 
+        </main>
+    </body>
+</html>
\ No newline at end of file