Skip to content

I fix the problem of 6/22 assignment #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
rachid16 wants to merge 3 commits into
base: master
Choose a base branch
from
Open

I fix the problem of 6/22 assignment #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
0e8a0ec
I have added changes
razeroual Jun 23, 2020
03044b4
update
razeroual Sep 3, 2020
fd49f50
update
razeroual Sep 3, 2020
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 html-css/2020Jun22/lecture2/calculator.html
View file
Open in desktop
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>
49 changes: 49 additions & 0 deletions html-css/2020Jun22/lecture2/domexercise.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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>
16 changes: 16 additions & 0 deletions html-css/2020Jun22/lecture2/emailForm.html
View file
Open in desktop
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 html-css/2020Jun22/lecture2/menu.html
View file
Open in desktop
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 html-css/2020Jun22/lecture2/registerPage.html
View file
Open in desktop
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>
45 changes: 17 additions & 28 deletions html-css/2020Jun22/lecture2/slide-exercise.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,36 +1,31 @@


<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>

<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>
Expand All @@ -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 Copy Rights