diff --git a/html-css/2020Jun22/lecture2/calculator.html b/html-css/2020Jun22/lecture2/calculator.html
new file mode 100644
index 0000000..4a850dc
--- /dev/null
+++ b/html-css/2020Jun22/lecture2/calculator.html
@@ -0,0 +1,57 @@
+<head>
+<title>Calculator</title>
+<style>
+        table{
+            with: 200px;
+            height: 300px;
+            text-align: center;
+            border: 5px solid green;
+        }
+        th, td{
+            border: 1px solid red;
+        }
+        th{
+            text-align: right;
+        }
+        td:hover{
+            background-color: lighcoral;
+            color: white;
+        }
+</style>
+</head>  
+<body>
+    <table> 
+    <tr>
+        <td colspan="4">0.00</td>
+    </tr>
+    <tr>
+        <td>7</td>
+        <td>8</td>
+        <td>9</td>
+        <td>c</td>
+    </tr>
+    <tr>
+        <td>4</td>
+        <td>5</td>
+        <td>6</td>
+        <td>/</td>
+    </tr>
+    <tr>
+        <td>1</td>
+        <td>2</td>
+        <td>3</td>
+        <td>*</td>
+    </tr>
+    <tr>
+        <td>0</td>
+        <td>00</td>
+        <td>.</td>
+        <td>+</td>
+    </tr>
+    <tr>
+        <td colspan="3">=</td>
+        <td>-</td>
+    </tr>
+    </table>
+
+</body> 
\ No newline at end of file
diff --git a/html-css/2020Jun22/lecture2/domexercise.html b/html-css/2020Jun22/lecture2/domexercise.html
new file mode 100644
index 0000000..7553299
--- /dev/null
+++ b/html-css/2020Jun22/lecture2/domexercise.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>Title of the page</title>
+</head>
+
+<body>
+    <h1>Box Model Visual</h1>
+    <div style="
+            top: 0;
+            left: 0;
+            position: absolute;
+            width:200px;
+            height:300px;
+            background-color: red;
+            padding: 10px;
+            border: 2px solid green;
+            margin: 0;">
+        <div id="innerdiv1" style="
+                top: 10px;
+                left: 40px;
+                position: absolute;
+                width:100px;
+                height:100px;
+                background-color: blue;
+                padding: 10px;
+                border: 2px solid white;
+                margin: 0;">
+            Inner div
+        </div>
+
+        <div id="innerdiv2" style="
+            top: 150px;
+            left: 10px;
+            width:150px;
+            position: absolute;
+            height:100px;
+            background-color: beige;
+            padding: 10px;
+            border: 2px solid white;
+            margin: 20;">
+            Inner div2
+        </div>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/html-css/2020Jun22/lecture2/emailForm.html b/html-css/2020Jun22/lecture2/emailForm.html
new file mode 100644
index 0000000..be154bd
--- /dev/null
+++ b/html-css/2020Jun22/lecture2/emailForm.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<h1>Login Page</h1>
+
+<form>
+  <label>Email</label>
+  <input type="text" value="Enter Your Email"><br>
+  <label>Password</label>
+  <input type="text" value="Enter Your Password"><br>
+  <button type="button">Login</button>
+</form>
+
+</body>
+</html>
diff --git a/html-css/2020Jun22/lecture2/menu.html b/html-css/2020Jun22/lecture2/menu.html
index 54673d3..e07e0cd 100644
--- a/html-css/2020Jun22/lecture2/menu.html
+++ b/html-css/2020Jun22/lecture2/menu.html
@@ -1,13 +1,19 @@
 <header>
-    <a href="#" id="logo"></a>
+    <a href="#" id="logo">Logo HERE</a>
     <nav>
-        <a href="#" id="menu-icon"></a>
         <ul>
-            <li><a href="#" class="current">Home</a></li>
+            <li><a href="#">Home</a></li>
             <li><a href="#">About</a></li>
-            <li><a href="#" title="PF">Work</a></li>
-            <li><a href="#" target="_blank">Blog</a></li>
-            <li><a href="#">Context</a></li>
+
+            <ul>
+                <li><a href="#">Company</a></li>
+                <li><a href="#">Partners</a></li>
+                <li><a href="#">Our People</a></li>
+            </ul>
+            
+            <li><a href="#" >Personal Projects</a></li>
+            <li><a href="#">Contact</a></li>
         </ul>
+
     </nav>
 </header>
\ No newline at end of file
diff --git a/html-css/2020Jun22/lecture2/registerPage.html b/html-css/2020Jun22/lecture2/registerPage.html
new file mode 100644
index 0000000..532c52a
--- /dev/null
+++ b/html-css/2020Jun22/lecture2/registerPage.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<h1>Login Page</h1>
+
+<form>
+  <label>First Name</label>
+  <input type="text" value="Enter Your First Name"><br>
+  <label>Last Name</label>
+  <input type="text" value="Enter Your Last Name"><br>
+  <label>Email</label>
+  <input type="text" value="Enter Your Email"><br>
+  <label>Password</label>
+  <input type="text" value="Enter Your Password"><br>
+  <label>Last Name</label>
+  <input type="text" value="Confirm Your Password"><br>
+
+  <label>Gender</label>
+  <form action="">
+    <input type="radio" value="female">
+    <label for="female">Female</label>
+    <input type="radio" value="male">
+    <label for="male">Male</label><br>
+  </form> 
+  <label>Date of Birth</label>
+  <input type="text" value="mm/dd/yyyy"><br>
+
+  <form action="">
+    <label for="Habits"> Habits</label>
+    <input type="checkbox" value="habits">
+
+    <label for="sport"> You like Sports</label>
+    <input type="checkbox"  value="sport">
+
+    <label for="eat"> You like eat</label>
+    <input type="checkbox"  value="eat">
+
+    <label for="sleep"> You like sleep</label>
+    <input type="checkbox"  value="sleep">
+
+  </form> 
+
+
+
+
+
+  <button type="button">Register</button>
+</form>
+
+</body>
+</html>
diff --git a/html-css/2020Jun22/lecture2/slide-exercise.html b/html-css/2020Jun22/lecture2/slide-exercise.html
index 6d916ad..d2fbedb 100644
--- a/html-css/2020Jun22/lecture2/slide-exercise.html
+++ b/html-css/2020Jun22/lecture2/slide-exercise.html
@@ -1,17 +1,15 @@
-
-
-<a href="">Logo Here</a>
-
+<head>
+    <style>
+        td, th {
+            border: solid red;
+        }
+    </style>
+</head>
+
+<a href="">Logo here</a>
 <ul>
     <li><a href="">Home</a></li>
     <li><a href="">About</a></li>
-
-    <ul>
-        <li><a href="">Company</a></li>
-        <li><a href="">Partners</a></li>
-        <li><a href="">Our People</a></li>
-    </ul>
-
     <li><a href="">Personal Projects</a></li>
     <li><a href="">Contact</a></li>
 </ul>
@@ -19,18 +17,15 @@
 <h1>My Page</h1>
 <h3>Yup!!</h3>
 
-<p>
-    <img src="https://img-getpocket.cdn.mozilla.net/202x101/filters:format(jpeg):quality(60):no_upscale():strip_exif()/https%3A%2F%2Fpocket-image-cache.com%2F1200x%2Ffilters%3Ano_upscale()%3Aformat(jpg)%3Aextract_cover()%2Fhttps%253A%252F%252Fpocket-syndicated-images.s3.amazonaws.com%252Farticles%252F3693%252F1584111770_GettyImages-3224950.jpg">
-</p>
-
+<img src="https://www.dw.com/image/16792432_403.jpg"><br>
 
-Lorem Ipsum dolor sit amet, consectetur Lorem Ipsum dolor sit amet, consectetur Lorem Ipsum dolor sit amet, consectetur
+Lorem ipsum <b>dolor</b> sit amet, consectetur adipisicing elit, sed do eiusmod tempor
 
 <table>
     <thead>
-        <th>Mornings</th>
-        <th>Evnings</th>
-        <th>Nights</th>
+        <th>Morning</th>
+        <th>Evening</th>
+        <th>Night</th>
     </thead>
 
     <tr>
@@ -40,22 +35,16 @@ <h3>Yup!!</h3>
     </tr>
 
     <tr>
-        <td>Eat, exercises, Watch TV at the same time</td>
+        <td>Eat, exercise, Watch TV at the same time</td>
         <td>Still waking up</td>
         <td>On with my day</td>
     </tr>
 
     <tr>
         <td>Sleep</td>
-        <td>Nevermind</td>
+        <td>NeverMind</td>
         <td>Sleep</td>
     </tr>
 </table>
 
-No Copy Rights
-
-<style>
-    td, th {
-        border: solid red;
-    }
-</style>
\ No newline at end of file
+No Copy Rights
\ No newline at end of file

Mornings	Evnings	Nights	Morning	Evening	Night
Eat, exercises, Watch TV at the same time	Eat, exercise, Watch TV at the same time	Still waking up	On with my day
Sleep	Nevermind	NeverMind	Sleep