Question: Consider HTML5 while using this job: Below are screenshots for the three pages of his site. Your task is to generate these sample page layouts.

Consider HTML5 while using this job:

Below are screenshots for the three pages of his site. Your task is to generate these sample page layouts. For this assignment, CSS must be used for alignment, formatting and page presentation. A productivity technique is to create new pages.

All Pages: use appropriate margins and page width so that the content of each page isoccupying 80% of the whole content area. Use appropriate page margins to achieve thiseffect All pages: a common technique is to make the logo hyperlinked (i.e., clicking on the logoon each page will open the main or index page of the site). Makes sure to implement thistechnique Make sure to remove the border surrounding any image All pages: The navigation menu items should be initially bold and without underline.Hovering the mouse over any of these items should change the background color to#336633 and the link color to white. Testimonials page: make sure that clicking on any of the sample images (thumbnails) willopen the original version of the image on a separate window Your code must be HTML5 and CSS compatible according to the W3C standards Have descriptive titles for each page using the

tag. A common practice is to usethe following format for describing your pages. For example, the testimonials page canbe titled as follows o<title>Pete the Painter :: Testimonials

Consider HTML5 while using this job: Below are screenshots for the three

pages of his site. Your task is to generate these sample page

layouts. For this assignment, CSS must be used for alignment, formatting and

here is the logo

page presentation. A productivity technique is to create new pages. All Pages:

use appropriate margins and page width so that the content of each

page isoccupying 80% of the whole content area. Use appropriate page margins

to achieve thiseffect All pages: a common technique is to make the

logo hyperlinked (i.e., clicking on the logoon each page will open the

main or index page of the site). Makes sure to implement thistechnique

Make sure to remove the border surrounding any image All pages: The

Please consider thw W3C Validation when you write the HTML5 code.

Thanks

index.html Pete the Painter 1-800-The-Painter rving the Northmest Chicago Suburbs Since 1986 Home Services Testimonials Free Estimate Pete's Design Specialists will work with you to create the home of your dreams. - Interior Painting o Walls and Furniture Exterior Painting Wallpaper Removal Wallpaper Installation Drywall 1-8oo-The-Painter Copyright2012 Pete the Painter index.html Pete the Painter 1-800-The-Painter rving the Northmest Chicago Suburbs Since 1986 Home Services Testimonials Free Estimate Pete's Design Specialists will work with you to create the home of your dreams. - Interior Painting o Walls and Furniture Exterior Painting Wallpaper Removal Wallpaper Installation Drywall 1-8oo-The-Painter Copyright2012 Pete the Painter

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!