Two Column Layout And Vertical Menu Tutorial
Completed Preview

Two Column Layout And Vertical Menu Tutorial
Completed Preview

 

This is the completed example for this tutorial. You build a two column fixed width layout with a horizontal page naviation menu. You use semantic elements introduced with HTML5. These include header, footer, nav, section and article. A semantic element indicates the importance and purpose of the content it contains. Search engines can use this for making assessments of the content. Humans looking at the code also have a indicator of the web developer’s intentions.

Only the home page is completed in this tutorial.

Live Screenshot Web Browser

Get Skills to Work on Websites in 30 Days

Start today with easy to learn courses that quicky build your website skills!

Source Code

This is the completed index.html file. It represents the home page.

This is the completed site.css file.