<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ABC Optical</title>
</head>
<body>
  <header id="header">
    <!-- Navigation menu and logo -->
  </header>

  <section id="banner">
    <!-- Banner image and call-to-action button -->
  </section>

  <section id="about">
    <!-- About ABC Optical content -->
  </section>

  <section id="services">
    <!-- Services list -->
  </section>

  <section id="contact">
    <!-- Contact information -->
  </section>

  <footer id="footer">
    <!-- Copyright information, name, and student number -->
  </footer>
</body>
</html>