WEEK 2 Notes
2.4 Worked Example — A Student Profile Page
Let us put it all together and create a complete web page for a student profile at Newgate University:
|
Complete Student Profile Page |
|
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>Student Profile — Newgate University</title> |
|
</head> |
|
<body> |
|
|
|
<h1>Student Profile</h1> |
|
<h2>Amina Bello</h2> |
|
<p><strong>Matric Number:</strong> NUG/2022/0456</p> |
|
<p><strong>Department:</strong> Information Technology</p> |
|
<p><strong>Level:</strong> 200 Level</p> |
|
|
|
<h3>About Me</h3> |
|
<p> |
|
I am a 200-level IT student at Newgate University Minna. |
|
I am passionate about web development and I hope to build |
|
useful digital solutions for Nigerian businesses. |
|
</p> |
|
|
|
<h3>My Courses This Semester</h3> |
|
<table> |
|
<thead> |
|
<tr><th>Code</th><th>Title</th><th>Units</th></tr> |
|
</thead> |
|
<tbody> |
|
<tr><td>IFT 203</td><td>Intro to Web Technologies</td><td>2</td></tr> |
|
<tr><td>IFT 205</td><td>Database Systems</td><td>3</td></tr> |
|
<tr><td>MTH 201</td><td>Mathematics II</td><td>3</td></tr> |
|
</tbody> |
|
</table> |
|
|
|
<h3>My Hobbies</h3> |
|
<ul> |
|
<li>Reading tech blogs (TechCabal, Techpoint.Africa)</li> |
|
<li>Playing chess</li> |
|
<li>Cooking traditional Nupe dishes</li> |
|
</ul> |
|
|
|
<h3>Contact</h3> |
|
<p>Email: <a href="mailto:amina@email.com">amina@email.com</a></p> |
|
<p><a href="index.html">Back to Home</a></p> |
|
|
|
</body> |