Skip to content

Commit f71fc94

Browse files
committed
Class Activity 12 - Revision 2
1 parent 8e6db0b commit f71fc94

16 files changed

+147
-0
lines changed

assignment_1.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -170,6 +170,7 @@ <h3>Class Activity Links</h3>
170170
<a href="class_activity_9.html">Weekly Planner</a> |
171171
<a href="class_activity_10.html">Weekly Classroom Schedule</a> |
172172
<a href="class_activity_11.html">Revision 1</a> |
173+
<a href="class_activity_12.html">Revision 2</a> |
173174

174175
<h3>Assignment Links</h3>
175176
<a href="assignment_1.html">T-Shirt Signup Form</a> |

assignment_2.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -103,6 +103,7 @@ <h3>Class Activity Links</h3>
103103
<a href="class_activity_9.html">Weekly Planner</a> |
104104
<a href="class_activity_10.html">Weekly Classroom Schedule</a> |
105105
<a href="class_activity_11.html">Revision 1</a> |
106+
<a href="class_activity_12.html">Revision 2</a> |
106107

107108
<h3>Assignment Links</h3>
108109
<a href="assignment_1.html">T-Shirt Signup Form</a> |

assignment_3.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -73,6 +73,7 @@ <h3>Class Activity Links</h3>
7373
<a href="class_activity_9.html">Weekly Planner</a> |
7474
<a href="class_activity_10.html">Weekly Classroom Schedule</a> |
7575
<a href="class_activity_11.html">Revision 1</a> |
76+
<a href="class_activity_12.html">Revision 2</a> |
7677

7778
<h3>Assignment Links</h3>
7879
<a href="assignment_1.html">T-Shirt Signup Form</a> |

class_activity_1.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@ <h3>Class Activity Links</h3>
3030
<a href="class_activity_9.html">Weekly Planner</a> |
3131
<a href="class_activity_10.html">Weekly Classroom Schedule</a> |
3232
<a href="class_activity_11.html">Revision 1</a> |
33+
<a href="class_activity_12.html">Revision 2</a> |
3334

3435
<h3>Assignment Links</h3>
3536
<a href="assignment_1.html">T-Shirt Signup Form</a> |

class_activity_10.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -72,6 +72,8 @@ <h3>Class Activity Links</h3>
7272
<a href="class_activity_8.html">Financial Webpage Replication</a> |
7373
<a href="class_activity_9.html">Weekly Planner</a> |
7474
<a href="class_activity_10.html">Weekly Classroom Schedule</a> |
75+
<a href="class_activity_11.html">Revision 1</a> |
76+
<a href="class_activity_12.html">Revision 2</a> |
7577

7678
<h3>Assignment Links</h3>
7779
<a href="assignment_1.html">T-Shirt Signup Form</a> |

class_activity_11.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -60,6 +60,7 @@ <h3>Class Activity Links</h3>
6060
<a href="class_activity_9.html">Weekly Planner</a> |
6161
<a href="class_activity_10.html">Weekly Classroom Schedule</a> |
6262
<a href="class_activity_11.html">Revision 1</a> |
63+
<a href="class_activity_12.html">Revision 2</a> |
6364

6465
<h3>Assignment Links</h3>
6566
<a href="assignment_1.html">T-Shirt Signup Form</a> |

class_activity_12.html

Lines changed: 131 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,131 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Revision 2</title>
8+
<link rel="shortcut icon" href="image/html_favicon/icons8-html-color-32.png" type="image/x-icon">
9+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
10+
11+
<style>
12+
* {
13+
box-sizing: border-box;
14+
}
15+
16+
:root {
17+
--container-color: #567CC7;
18+
--header-color: #B6B4B5;
19+
}
20+
21+
body {
22+
background-color: whitesmoke;
23+
}
24+
25+
.page-container {
26+
width: 70%;
27+
margin: 20px auto;
28+
/* padding: 5px 50px; */
29+
font-family: monospace;
30+
}
31+
32+
.form-container {
33+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
34+
background: white;
35+
width: 40%;
36+
margin: 10px auto;
37+
border: 1px solid grey;
38+
}
39+
40+
.form-container header{
41+
background: var(--header-color);
42+
display: flex;
43+
justify-content: space-between;
44+
align-items: center;
45+
padding: 5px 3px;
46+
}
47+
48+
.form-container header h3 {
49+
font-size: 24px;
50+
}
51+
52+
.form-container header i{
53+
color: grey;
54+
}
55+
56+
.form-container form {
57+
padding: 20px;
58+
margin-top: -10px;
59+
}
60+
61+
.form-container form label {
62+
display: block;
63+
margin-bottom: 5px;
64+
font-size: 18px;
65+
font-weight: 500;
66+
}
67+
68+
form input {
69+
display: block;
70+
width: 100%;
71+
margin-bottom: 15px;
72+
padding: 3px;
73+
}
74+
75+
form textarea {
76+
width: 95%;
77+
}
78+
</style>
79+
</head>
80+
81+
<body>
82+
<h1>Revision 2: Form Replicate</h1>
83+
<p>It's revision time! 📝 In this activity, I'll be replicating a form to hone my
84+
skills. The goal is to perfectly match the content and structure provided.</p>
85+
86+
87+
<h3>Class Activity Links</h3>
88+
<a href="index.html">Home page</a> |
89+
<a href="class_activity_1.html">Favorite Food</a> |
90+
<a href="class_activity_2.html">Login Form</a> |
91+
<a href="class_activity_3.html">Favorite Book</a> |
92+
<a href="class_activity_4.html">Feedback Form</a> |
93+
<a href="class_activity_5.html">Basic Calculator</a> |
94+
<a href="class_activity_6.html">Html Multimedia</a> |
95+
<a href="class_activity_7.html">Page Replicate</a> |
96+
<a href="class_activity_8.html">Financial Webpage Replication</a> |
97+
<a href="class_activity_9.html">Weekly Planner</a> |
98+
<a href="class_activity_10.html">Weekly Classroom Schedule</a> |
99+
<a href="class_activity_11.html">Revision 1</a> |
100+
<a href="class_activity_12.html">Revision 2</a> |
101+
102+
<h3>Assignment Links</h3>
103+
<a href="assignment_1.html">T-Shirt Signup Form</a> |
104+
<a href="assignment_2.html">Kaduna Electric Form</a> |
105+
<a href="assignment_3.html">Cable TV Packages</a> |
106+
107+
<h3>Project Preview Links</h3>
108+
<a href="https://deliciousbytes.vercel.app/" target="_blank">Delicious Bytes Food Menu</a> |
109+
110+
<div class="page-container">
111+
<div class="form-container">
112+
<header>
113+
<h3>Edit address</h3>
114+
<i class="fa fa-times"></i>
115+
</header>
116+
<form action="">
117+
<label for="name">NAME</label>
118+
<input type="text" name="name" id="" placeholder="e.g John Doe">
119+
<label for="number">Mobile Number</label>
120+
<input type="text" name="number" id="" placeholder="+256 Enter mobile number">
121+
<label for="city">City</label>
122+
<input type="text" name="city" id="" placeholder="e.g kampala">
123+
<label for="city">Address</label>
124+
<textarea name="address" id="" placeholder="e.g Kampala Apartment Plot4 Johnson Room 24b" rows="6"
125+
cols="5"></textarea>
126+
</form>
127+
</div>
128+
</div>
129+
</body>
130+
131+
</html>

class_activity_2.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@ <h3>Class Activity Links</h3>
3030
<a href="class_activity_9.html">Weekly Planner</a> |
3131
<a href="class_activity_10.html">Weekly Classroom Schedule</a> |
3232
<a href="class_activity_11.html">Revision 1</a> |
33+
<a href="class_activity_12.html">Revision 2</a> |
3334

3435
<h3>Assignment Links</h3>
3536
<a href="assignment_1.html">T-Shirt Signup Form</a> |

class_activity_3.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -53,6 +53,7 @@ <h3>Class Activity Links</h3>
5353
<a href="class_activity_9.html">Weekly Planner</a> |
5454
<a href="class_activity_10.html">Weekly Classroom Schedule</a> |
5555
<a href="class_activity_11.html">Revision 1</a> |
56+
<a href="class_activity_12.html">Revision 2</a> |
5657

5758
<h3>Assignment Links</h3>
5859
<a href="assignment_1.html">T-Shirt Signup Form</a> |

class_activity_4.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,7 @@ <h3>Class Activity Links</h3>
4141
<a href="class_activity_9.html">Weekly Planner</a> |
4242
<a href="class_activity_10.html">Weekly Classroom Schedule</a> |
4343
<a href="class_activity_11.html">Revision 1</a> |
44+
<a href="class_activity_12.html">Revision 2</a> |
4445

4546
<h3>Assignment Links</h3>
4647
<a href="assignment_1.html">T-Shirt Signup Form</a> |

class_activity_5.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@ <h3>Class Activity Links</h3>
3030
<a href="class_activity_9.html">Weekly Planner</a> |
3131
<a href="class_activity_10.html">Weekly Classroom Schedule</a> |
3232
<a href="class_activity_11.html">Revision 1</a> |
33+
<a href="class_activity_12.html">Revision 2</a> |
3334

3435
<h3>Assignment Links</h3>
3536
<a href="assignment_1.html">T-Shirt Signup Form</a> |

class_activity_6.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,7 @@ <h3>Class Activity Links</h3>
2929
<a href="class_activity_9.html">Weekly Planner</a> |
3030
<a href="class_activity_10.html">Weekly Classroom Schedule</a> |
3131
<a href="class_activity_11.html">Revision 1</a> |
32+
<a href="class_activity_12.html">Revision 2</a> |
3233

3334
<h3>Assignment Links</h3>
3435
<a href="assignment_1.html">T-Shirt Signup Form</a> |

class_activity_7.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -215,6 +215,7 @@ <h3>Class Activity Links</h3>
215215
<a href="class_activity_9.html">Weekly Planner</a> |
216216
<a href="class_activity_10.html">Weekly Classroom Schedule</a> |
217217
<a href="class_activity_11.html">Revision 1</a> |
218+
<a href="class_activity_12.html">Revision 2</a> |
218219

219220
<h3>Assignment Links</h3>
220221
<a href="assignment_1.html">T-Shirt Signup Form</a> |

class_activity_8.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -283,6 +283,7 @@ <h3>Class Activity Links</h3>
283283
<a href="class_activity_9.html">Weekly Planner</a> |
284284
<a href="class_activity_10.html">Weekly Classroom Schedule</a> |
285285
<a href="class_activity_11.html">Revision 1</a> |
286+
<a href="class_activity_12.html">Revision 2</a> |
286287

287288
<h3>Assignment Links</h3>
288289
<a href="assignment_1.html">T-Shirt Signup Form</a> |

class_activity_9.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -122,6 +122,7 @@ <h3>Class Activity Links</h3>
122122
<a href="class_activity_9.html">Weekly Planner</a> |
123123
<a href="class_activity_10.html">Weekly Classroom Schedule</a> |
124124
<a href="class_activity_11.html">Revision 1</a> |
125+
<a href="class_activity_12.html">Revision 2</a> |
125126

126127
<h3>Assignment Links</h3>
127128
<a href="assignment_1.html">T-Shirt Signup Form</a> |

index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -77,6 +77,7 @@ <h3>Class Activity Links</h3>
7777
<a href="class_activity_9.html">Weekly Planner</a> |
7878
<a href="class_activity_10.html">Weekly Classroom Schedule</a> |
7979
<a href="class_activity_11.html">Revision 1</a> |
80+
<a href="class_activity_12.html">Revision 2</a> |
8081

8182
<h3>Assignment Links</h3>
8283
<a href="assignment_1.html">T-Shirt Signup Form</a> |

0 commit comments

Comments
 (0)