Advanced CSS

Your task is to recreate the image (found in starting package) below using clean HTML, CSS, and the three images provided.

Remember:

HTML & CSS

Should be aligned and indented

HTML Tags Should NOT contain any styling

Should contain proper header comments

Should be organized and tidy

CSS should be in an EXTERNAL sheet

Remember to make your CSS as reusable as possible (when in doubt make it a class)

HTML page title should be "Assignment 3"

HTML page filename should be theCave.html CSS file should be named styles.css and should reside in a directory called css

ALL HTML page content should be inside the container div with an id "container"

I haven't specified any particular font family or sizes, my monitor is the same as your in-class lab monitor set to 1440x900px.

Images

the css is awesome image

background tile

funny face image

I've included the ONLY three images you can use

Your starting package starterPackAssignmentThree.zip

You must .ZIP and submit all required files/images for your site in ONE .zip file. Don't forget comments and organization.

Marking:

/5 Clean HTML Code - alignment, indenting

/2 All HTML tags closed and nested properly, proper page title and name

/3 All styling done in an external CSS page and in proper directory

/5 Background image applied successfully

/5 Container DIV and page headings set up and styled

/5 Paragraphs laid out properly

/10 Data table styled

/5 Comic image set up properly with text below

/5 Nav menu set up and styled

/10 Two-color logo (purple and green balls) set up and in proper place

/10 Funny face image displayed as as requested

/5 General CSS re-usability and class/id naming effectiveness