Shuaib.html

<!DOCTYPE html>
<html>
  <head>
    <style>
      h3 {
        font-size: 30px;
        color: antiquewhite;
      }
      .infobox {
        border: solid;
        width: 300px;
        text-align: center;
        background-color: antiquewhite;
      }
      img {
        border: solid;
        margin-top: 10px;
      }
      .textinfo {
        font-size: 20px;
      }
      body {
        background-color: #34495e;
      }
    </style>
    <title>PAGE EDITOR</title>
  </head>
  <body>
    <h3>Page Editor</h3>
    <div class="infobox">
      <img src="images/Shuaib.jpeg" alt="Avatar" width="250px" height="300px" />
      <div class="textinfo">
        <p>Name: Shuaib Feroze</p>
        <p>Student Role: Student 3</p>
        <p>Task:</p>
        <ul>
          <li>Quiz page</li>
          <li>Student details page</li>
        </ul>
      </div>
    </div>
  </body>
</html>