HTML & CSS Exercise

The goal for the end of today is to create a page that looks like this (click to view larger):



Part 1: HTML

Based on the target design, create an HTML file, with the content "marked-up" using the appropriate HTML.

To give you a head start, download the text content of the site.

For hints as to what HTML tags to use, see this annotated screenshot.

By the end of this exercise, your HTML should look something like this in a browser (ie. not great). The rest of the work will be done with CSS.



Part 2: CSS

Create a new CSS file in the same directory as your HTML file from Part 1, and "link" your HTML to the CSS file (using the link tag).

Your task is to "style your page" to look like the the target design by writing CSS in the file you've just created.

For hints as to what CSS properties to use, see this annotated screenshot.