diff --git a/2020Jun22/lecture2/calculator.html b/2020Jun22/lecture2/calculator.html
new file mode 100644
index 0000000..4a850dc
--- /dev/null
+++ b/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/2020Jun22/lecture2/emailForm.html b/2020Jun22/lecture2/emailForm.html
new file mode 100644
index 0000000..be154bd
--- /dev/null
+++ b/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/2020Jun22/lecture2/menu.html b/2020Jun22/lecture2/menu.html
index 54673d3..e07e0cd 100644
--- a/2020Jun22/lecture2/menu.html
+++ b/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/2020Jun22/lecture2/registerPage.html b/2020Jun22/lecture2/registerPage.html
new file mode 100644
index 0000000..532c52a
--- /dev/null
+++ b/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/2020Jun22/lecture2/slide-exercise.html b/2020Jun22/lecture2/slide-exercise.html
new file mode 100644
index 0000000..dc9ca66
--- /dev/null
+++ b/2020Jun22/lecture2/slide-exercise.html
@@ -0,0 +1,50 @@
+<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>
+    <li><a href="">Personal Projects</a></li>
+    <li><a href="">Contact</a></li>
+</ul>
+
+<h1>My Page</h1>
+<h3>Yup!!</h3>
+
+<img src="https://www.dw.com/image/16792432_403.jpg"><br>
+
+Lorem ipsum <b>dolor</b> sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+
+<table>
+    <thead>
+        <th>Morning</th>
+        <th>Evening</th>
+        <th>Night</th>
+    </thead>
+
+    <tr>
+        <td>Wake up</td>
+        <td>Wake up again</td>
+        <td>Finally</td>
+    </tr>
+
+    <tr>
+        <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>Sleep</td>
+    </tr>
+</table>
+
+No Copy Rights
\ No newline at end of file

Morning	Evening	Night
Wake up	Wake up again	Finally
Eat, exercise, Watch TV at the same time	Still waking up	On with my day
Sleep	NeverMind	Sleep