The purpose of this is determine your html and css skills
Create a web page that looks exactly like the template provided
Some instructions are given on the Illustrator template...you will have to try match the look and feel of all components as visually close to the layout provided
All fonts are Trebuchet except for the title font which is a Google font
Requirements:
External CSS style sheet
Gradients are CSS3 (not images)
Good SEO...meaning titles and subtitles should have proper H tags applied
Images should have alt text. (You may notice that the image looks different than the layout. Do what you can to make it look as similar...also, it should probably be less than 900kb)
Make sure the line spacing on the Wonderful Website Designs header matches the template
Make sure CSS file, images and html page are in one folder and zipped. Upload to D2L
Extra challenge
The first line on each paragraph is bold. Due to browser and device differences it may not always reach the end of the line or it may carry over to the next line. See if you can find a way to ensure that only the first line is bold all the way across
Due end of day Friday February 28 (Update) in the HTML and CSS review folder
20 points
Following directions - 10
Similar to template - 10
First line bold - 5 ec