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>