In the previous article you were introduced to the new SECTION, ARTICLE, NAVIGATION, ASIDE, HEADER, and FOOTER elements in HTML5 that allow you to apply a more easily read structure to your website design. In this project you will be building an entire website that uses the new HTML5 blocking elements to illustrate how you can structure your code more effectively.

The website will consist of four pages:

•   Home page

•   Product page

•   News page

•   Contact us

Each of these pages demonstrates how you can use HTML5 in your website design. By the time you have completed this project you will able to apply blocking to your new design.

What You Will Need

To get started with this project you will need ...

Get HTML5 Mobile Websites now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.