Skip to content

Exercise 0 #18

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
yamaahmad493 wants to merge 11 commits into
base: main
Choose a base branch
from
Open

Exercise 0 #18

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
7b61c75
Exercise 0
yamaahmad493 Jun 29, 2026
3f0a654
Exercise 1 done
yamaahmad493 Jun 29, 2026
bdd69ac
Exercise 2 done
yamaahmad493 Jun 29, 2026
c465443
Exercise 3 done
yamaahmad493 Jun 30, 2026
6005c0b
Exercise 4 done
yamaahmad493 Jun 30, 2026
b5101d7
Exercise 6 done
yamaahmad493 Jul 3, 2026
7d26d9f
Exercise 6 done
yamaahmad493 Jul 3, 2026
6e02d1a
Exercise 4 done
yamaahmad493 Jul 3, 2026
587cb39
Exercise 6 done
yamaahmad493 Jul 3, 2026
cabb78c
Exercise 7 done
yamaahmad493 Jul 4, 2026
5a7de45
Exercise 5 done
yamaahmad493 Jul 5, 2026
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
2 changes: 2 additions & 0 deletions Exercise 0/FavouriteThings.txt
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
Ahmad Yama Mohammad
Oppenheimer
69 changes: 69 additions & 0 deletions Exercise 1/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<fieldset>
<h1>Exercise 1</h1>
<h2>29/6/2026</h2>
</fieldset>
<fieldset>
<table>
<tr>
<th class="column">First Name</th>
<th class="column">Last Name</th>
<th class="column">Favourite Film</th>
<th class="column">Image</th>
<th class="column">Audio Sample</th>
<th class="column">Video Sample</th>
</tr>
<td>John</td>
<td>Doe</td>
<td>Oppenheimer</td>
<td><img src="https://upload.wikimedia.org/wikipedia/en/4/4a/Oppenheimer_%28film%29.jpg" alt="Oppenheimer Poster" width="100"></td>
<td><audio controls>
<source src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio></td>
<td><video width="320" height="240" controls>
<source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
Your browser does not support the video tag.
</video></td>
</tr>
</table>
</fieldset>
<fieldset>
<form>
<p>Full Name:</p>
<input type="text" placeholder="Full Name"><br>
<p>Email:</p>
<input type="email" placeholder="Email"><br>
<p>Password:</p>
<input type="password" placeholder="Password"><br>
<p>Available Days:</p>
<input type="checkbox" id="monday" name="day" value="Monday">
<label for="monday"> Monday</label>
<input type="checkbox" id="tuesday" name="day" value="Tuesday">
<label for="tuesday"> Tuesday</label>
<input type="checkbox" id="wednesday" name="day" value="Wednesday">
<label for="wednesday"> Wednesday</label>
<input type="checkbox" id="thursday" name="day" value="Thursday">
<label for="thursday"> Thursday</label>
<input type="checkbox" id="friday" name="day" value="Friday">
<label for="friday"> Friday</label><br>
<p>Working on a new Website?</p>
<input type="radio" id="yes" name="website" value="Yes">
<label for="yes"> Yes</label>
<input type="radio" id="no" name="website" value="No">
<label for="no"> No</label><br>
<p>Comments:</p><br>
<textarea name="comments" rows="4" cols="50"></textarea><br>
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</form>
</fieldset>
</body>
</html>
60 changes: 60 additions & 0 deletions Exercise 2/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Graduation Party</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<h1>Graduation Party</h1>
<p>Welcome to the graduation party! We are excited to celebrate this special occasion with you. Please enjoy the festivities and have a great time!</p>

</div>
<div class="schedule">
<h2>Party Schedule</h2>
<ul>
<li>6:00 PM - Arrival and Welcome Drinks</li>
<li>7:00 PM - Dinner</li>
<li>8:30 PM - Entertainment and Dancing</li>
<li>10:00 PM - Farewell and Goodbye</li>
</ul>
</div>
<div class="host">
<h2>Meet the Hosts</h2>
<table>
<tr>
<th>Name</th>
<th>Role</th>
</tr>
<tr>
<td>John Doe</td>
<td>Party Host</td>
</tr>
<tr>
<td>Jane Smith</td>
<td>Event Coordinator</td>
</tr>
</table>
<p>We are thrilled to host this graduation party and celebrate this milestone with you. Our team has worked hard to ensure that you have a memorable experience. Enjoy the party!</p>
</div>
<div class="register">
<h2>Register for the Party</h2>
<form action="submit_registration.php" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required><br><br>

<label for="email">Email:</label>
<input type="email" id="email" name="email" required><br><br>

<label for="guests">Number of Guests:</label>
<input type="number" id="guests" name="guests" min="0" required><br><br>

<input type="submit" value="Register">
</form>
</div>
</body>

</html>

57 changes: 57 additions & 0 deletions Exercise 2/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
.container {
border: 1px solid #ccc;
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-image: url('https://upload.wikimedia.org/wikipedia/commons/5/56/Avicenna_birthday_anniversary_14.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
text-align: center;

}
.container h1 {
margin-top: 0;
color: #fff;
}
.container p {
color: #fff;
}
.schedule {
background-color: rgba(192, 204, 19, 0.8);
padding: 20px;
border-radius: 10px;
border: 1px solid #ccc;
}
.schedule h2 {
margin-top: 0;
}
.host {
background-color: rgba(19, 204, 192, 0.8);
padding: 20px;
border-radius: 10px;
border: 1px solid #ccc;
}
.host h2 {
margin-top: 0;
}
.host table{
border-collapse: collapse;
width: 100%;
}
.host table th,
.host table td {
border: 1px solid #ccc;
padding: 10px;
text-align: left;
}
.host p{
color: #fff;
}

.register {
background-color: rgba(71, 223, 134, 0.8);
padding: 20px;
border-radius: 10px;
border: 1px solid #ccc;
}
Binary file added Exercise 3/Assets/background-desktop.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Exercise 3/Assets/background-mobile.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
83 changes: 83 additions & 0 deletions Exercise 3/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<fieldset class="header">
<h1>Exercise 3</h1>
<h2>30/6/2026</h2>
</fieldset>
<fieldset class="about">
<table>
<tr>
<th class="column">First Name</th>
<td>John</td>


</tr>
<tr>
<th class="column">Last Name</th>
<td>Doe</td>

</tr>
<tr>
<th class="column">Favourite Film</th>
<td>Oppenheimer</td>
</tr>
<tr>
<th class="column">Image</th>
<td><img src="https://upload.wikimedia.org/wikipedia/en/4/4a/Oppenheimer_%28film%29.jpg" alt="Oppenheimer Poster" width="100"></td>

</tr>
<tr>
<th class="column">Audio Sample</th>
<td><audio controls>
<source src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio></td>
</tr>
<tr>
<th class="column">Video Sample</th>
<td><video width="320" height="240" controls>
<source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
Your browser does not support the video tag.
</video></td>
</tr>
</table>
</fieldset>
<fieldset class="form">
<form>
<p>Full Name:</p>
<input type="text" placeholder="Full Name"><br>
<p>Email:</p>
<input type="email" placeholder="Email"><br>
<p>Password:</p>
<input type="password" placeholder="Password"><br>
<p>Available Days:</p>
<input type="checkbox" id="monday" name="day" value="Monday">
<label for="monday"> Monday</label>
<input type="checkbox" id="tuesday" name="day" value="Tuesday">
<label for="tuesday"> Tuesday</label>
<input type="checkbox" id="wednesday" name="day" value="Wednesday">
<label for="wednesday"> Wednesday</label>
<input type="checkbox" id="thursday" name="day" value="Thursday">
<label for="thursday"> Thursday</label>
<input type="checkbox" id="friday" name="day" value="Friday">
<label for="friday"> Friday</label><br>
<p>Working on a new Website?</p>
<input type="radio" id="yes" name="website" value="Yes">
<label for="yes"> Yes</label>
<input type="radio" id="no" name="website" value="No">
<label for="no"> No</label><br>
<p>Comments:</p><br>
<textarea name="comments" rows="4" cols="50"></textarea><br>
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</form>
</fieldset>
</body>
</html>
106 changes: 106 additions & 0 deletions Exercise 3/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,106 @@
body{
background-image: url("Assets/Background-desktop.jpg");
align-items: center;
margin: auto;
}
.header{
background-color: rgba(19, 204, 192, 0.8);
padding: 20px;
border-radius: 10px;
border: 1px solid #ccc;
}
.header h1{
text-align: center;
}
.header h2{
text-align: center;
}

.about{
background-color: rgba(229, 154, 231, 0.8);
padding: 20px;
border-radius: 10px;
border: 1px solid #ccc;
}

.about table{
border-collapse: collapse;
width: 100%;
border: 1px solid #ccc;
}
.about table th,
.about table td {
border: 1px solid #ccc;
padding: 10px;
text-align: left;
color:#320aa0
}
.form{
background-color: rgba(227, 235, 230, 0.2);
padding: 20px;
border-radius: 10px;
border: 1px solid #ccc;
margin:auto;
}
.form *{
color: #fff;
}
.form input[type="submit"]{
background-color: rgba(71, 223, 134, 0.8);
padding: 10px;
border-radius: 5px;
border: 1px solid #ccc;
}
.form input[type="submit"]:hover{
background-color: rgba(71, 223, 134, 1);
cursor: pointer;
}
.form input[type="reset"]{
background-color: rgba(223, 71, 134, 0.8);
padding: 10px;
border-radius: 5px;
border: 1px solid #ccc;
}
@media screen and (max-width: 600px) {
body{
background-image: url("Assets/Background-mobile.jpg");
}
.header{
background-color: rgba(124, 204, 19, 0.8);
padding: 20px;
border-radius: 10px;
border: 1px solid #ccc;
}
.about table{
background-color: rgba(124, 204, 19, 0.8);
padding: 20px;
width: 100%;
margin: auto;
position: relative;
}
.form{
padding: 20px;
border-radius: 10px;
border: 1px solid #ccc;
margin:auto;
}
.form *{
color: #062197;
}
.form input[type="submit"]{
background-color: rgba(71, 223, 134, 0.8);
padding: 10px;
border-radius: 5px;
border: 1px solid #ccc;
}
.form input[type="submit"]:hover{
background-color: rgba(71, 223, 134, 1);
cursor: pointer;
}
.form input[type="reset"]{
background-color: rgba(223, 71, 134, 0.8);
padding: 10px;
border-radius: 5px;
border: 1px solid #ccc;
}
}
Binary file added Exercise 4/Assets/background.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading