Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
57 changes: 57 additions & 0 deletions 2020Jun22/lecture2/calculator.html
Original file line number Diff line number Diff line change
@@ -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>
16 changes: 16 additions & 0 deletions 2020Jun22/lecture2/emailForm.html
Original file line number Diff line number Diff line change
@@ -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>
18 changes: 12 additions & 6 deletions 2020Jun22/lecture2/menu.html
Original file line number Diff line number Diff line change
@@ -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>
52 changes: 52 additions & 0 deletions 2020Jun22/lecture2/registerPage.html
Original file line number Diff line number Diff line change
@@ -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>
50 changes: 50 additions & 0 deletions 2020Jun22/lecture2/slide-exercise.html
Original file line number Diff line number Diff line change
@@ -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