Nuvo Layout

Objective

You will build a template for a standard home page structure. You’ll combine most of the layout techniques you’ve learned, along with simple text and box formatting, to match a given layout, which is a common task for a front end developer.

Instructions

Download the following layout and build it using properly formatted, valid HTML and CSS. Your layout should match the given layout as closely as possible. Make sure you understand your code, as you may be given another page later on that uses the same styles.

Layout Files

Specs

• Your site must pass xHTML validation
• You must use at least one list whose list items are floated, and one whose list items are set to display: inline or inline-block
• Your site should use lean, semantically sound code, and take advantage of classes where appropriate
• Each link should have a hover and active state in addition to their default styling. This should reflect the layout given if these states are indicated. Otherwise, make these states appear as you wish.

Drop the working folder in the class dropbox by the end of class on the due date, labeling it [lastname_f_p3].