index.html

<html lang="vi">
 <head>
  <meta charset="utf-8"/>
  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
  <title>
   Kỉ yếu lớp [12A]
  </title>
 </head>
 <body>
  <header>
   <div>
    <h1>
     Kỉ yếu lớp [12a]
    </h1>
    <nav>
     <ul>
      <li>
       <a href="#">
        Trang chủ
       </a>
      </li>
      <li>
       <a href="#">
        Giới thiệu
       </a>
      </li>
      <li>
       <a href="thanhvienlop.html">
        Thành viên
       </a>
      </li>
      <li>
       <a href="#">
        Liên hệ
       </a>
      </li>
      <li>
       <a href="hoatdong.html">
        Hoạt động
       </a>
      </li>
     </ul>
    </nav>
   </div>
  </header>
  <main>
   <section>
    <h2>
     Giới thiệu về lớp
    </h2>
    <p>
     Chào mừng bạn đến với kỉ yếu của lớp [12a]. Đây là nơi chúng tôi lưu giữ những kỉ niệm đẹp nhất của thời học sinh.
    </p>
    <img alt="Hình ảnh lớp học với các học sinh đang cười và vui vẻ" src="https://www.shutterstock.com/image-photo/empty-wood-table-blur-class-600w-2497294219.jpg" width="600" height="400"/>
    <h2>
     Mục tiêu của kỉ yếu
    </h2>
    <p>
     Kỉ yếu này nhằm mục đích ghi lại những khoảnh khắc đáng nhớ, những kỉ niệm khó quên và những thành tựu của lớp chúng ta trong suốt thời gian học tập.
    </p>
    <img alt="Hình ảnh các học sinh đang tham gia hoạt động ngoại khóa" src="https://storage.googleapis.com/a1aa/image/JaiwL_a3jyVd4vCP4X6ddPaDSoPBCuKRIL-AneJ6PQQ.jpg" width="600" height="400"/>
   </section>
  </main>
  <footer>
   <div>
    <p>
     © 2023 Kỉ yếu lớp [12A]. All rights reserved.
    </p>
   </div>
  </footer>
 </body>
</html>