Create a home page that is viewable by anyone anywhere who can browse the Web. This home page is to be named index.html

Be sure your page includes all of the following elements:

The default file for your website must be named index.html. Without this file, visitors to your website will see a listing of the files you have in your public_html directory.

Use External Stylesheet: Your page must be controlled by an external stylesheet! Note: You must add a link to your external stylesheet from your page so it can be downloaded.

You can image as a background; please ensure that the image is not overpowering but pleasant to display the text and links etc..;

• Add a title and heading to your web page, and make sure you can view it. Make up a clever title for your web page, and put it in the title element.
• A link to the Computer Science Department's main home page,
• A headshot (Photo of you). Followed by your name center the heading with your name and image if appropriate to make it look clean.
• Create a section that will have all links that will take me to Assignments and Projects using a zebra-striped table with no borders, every other row is a different color. Have assignment 01 link point to itself and the other links are set to dummy links until you have completed that assignment and are ready to submit.

A list of hobbies or interest displayed as an HTML unordered list and second list (e.g., your top-ten favorite Albums).

• Link at least two of your hobbies or interests to websites related to those interests (biography).
• Create a nested list that must include the following
  • Education (heading required): bulleted list of schools.
  • Job history (heading required): numbered list of jobs.

You should include a favorite quote (e.g., a poem or line from a movie) using a DIV element.

There should be at least 3 external links to other websites of interest.

You may add other elements according to taste, such as an image of yourself and links to personal pages where you can feel free to put whatever you want. Also, keep in mind that future assignments will involve more advanced HTML features, so for now keep it simple.

Use CSS to change the font used throughout the page to sans-serif. To do this you can set the font for the body element, which will be inherited by all elements contained within the body (which is everything displayed on the webpage). Alternatively, you can create a style rule with the special universal selector which is represented by the asterisk. The universal selector matches any element, however its not very efficient and will slow the rendering of your page down a bit.

For example, the following rule

will turn everything on the webpage to read:

* {

color: red;

}

Set up your links to use the: hover pseudo-class (use a: hover so that only the links are affected). How the link changes when the mouse moves on top of it is up to you, but if you're short on ideas, just have the link change colors.

Add tags and set up your style sheet so that every time the word Computer Science and 2 more words of your choice appears, it is in red and in bold.

You must adhere to the following guidelines:

1. All HTML pages must pass the official HTML5 specifications
2. You must use at least one (1) CSS file. The CSS file, or one of the CSS files, must have at least 5 rules
3. All CSS files must pass the official CSS validation
4. You cannot use frames.
5. You cannot use any styling element for any purpose (e.g., , , , >). All styling must be defined in CSS.
6. You cannot use any styling attribute in elements (e.g.,

   ).

7. You cannot use absolute URLs for images.
8. You cannot use front-end frameworks such as Bootstrap.
9. You cannot use JavaScript (or jQuery for that matter; considering we have not covered JavaScript yet!).
10. All file names must be in lowercase and only [a-z0-9_.] characters can be used for file names (universal standard). That is, do not use whitespace in file names!