UseNotepad++(Links to an external site.)Links to an external site.or another bare minimum texteditor andhand codethe HTML and CSS.Donotusean HTML editor such as Dreamweaverin Design mode. The idea is to write HTML and not rely on a WYSIWYG (what-you-see-is-what-you-get) application to generate HTML for you.

Create an HTML5 file calledtest1.htmland a CSS file calledtest1.cssthat, when rendered by the browser, appears as shown in the following screenshots. Note: The screenshots are of the whole page (you will normally see a scroll bar unless your browser window is tall enough to show the entire page):

Entire web page (Links to an external site.)Links to an external site.

Entire web page when Industry Experience years ranges are clicked (Links to an external site.)Links to an external site.

Entire web page when browser window is decreased to half width(Links to an external site.)Links to an external site.

Use only HTML5 and CSS. Do not use JavaScript, PHP, jQuery, XML, widgets you found online, etc.

You are required tokeep your CSS external to your HTML file.

Try to use semantic elements that we covered where appropriate.

Include a graphics file for your picture of Homer. It does not have to match the one in the screenshot but feel free to usethis picture of Homer(Links to an external site.)Links to an external site.if you don't feel like finding one.