Reference no: EM131776732

Part 1: CSS

Create a file called assignment.css. Add the following style information needed to make your pages work:

Body style: Use background color #8fb1d5 and text color black. Set the font family to verdana with fallbacks to arial and sans-serif

h1 style: use background color #d9c7b4 and text color black. Center the text.

h2 style: set the background color to white, the font size to 1.2em and give 10px of left padding and 5px of bottom padding

Create the following IDs:

#nav set text alignment to center

#content give me 25px of padding

#footer use background color #d9c7b4, text color #000000, a font size of .60em, make it italic, center it, and give 10px of padding

#wrapper set right and left margins to auto, set a width of 70% and a minimum width of 700px, give me a background color of #dce9f7 and include a box shadow color #828282 with 5px

Create classes to float images right or left called:

.floatright

.floatleft

Part 2: Page Modifications

Modify index.html page to include the attached image plate.jpg. Please this image below the "Welcome to Fresh Cafe!" heading. Use a width of 333 and a height of 156. Include alt text. Float the image to the right, including 20px bottom padding.

Modify the location.html page to include a map image. Don't forget the alt text. Float the map to the left of your directions. Provide padding so your directions don't touch the edge of the map. Add the necessary page structure (divs and link to CSS file) to match the index.html page.

Modify the menu.html page adding the necessary page structure (divs and link to css file) to match the index.html page.

Attachment:- Page Modifications.rar