This project is about webpage layouts and multimedia in webpages. Before beginning the project, you might want to study Sections 2.2, 4.3, and 4.4 of the text, or, the following online tutorials:

1. Page Layout:
   • HTML Layouts
   • HTML Page Layout
2. Multimedia on Web:
   • HTML5 Audio
   • HTML5 Video
   • HTML Videos

In this project you will construct two webpages introducing somebody or something. The webpages meet the following requirements:

1. Both webpages are about the same subject.
2. One webpage contains texts and images, the other embeds multimedia (i.e., video or audio).
3. Both webpages have the same layout, as illustrated in the picture at right. The layout comprises four components:
   • Page header.
   • Page footer.
   • Page body split into two columns. The left column is the navigation bar, containing the hyperlinks to both webpages; the right column is the content area, holding the actual page contents, i.e., texts, images, multimedia,
4. The page layout should be done with CSS. The CSS rules should be put into an external style sheet file.
5. Both webpages have a same favorite icon or favicon.
6. The HTML documents should pass HTML5 validation. In addition, the external style sheet should pass CSS validation.