Getting Started

You must create a GitHub account. Please read https://help.github.com/articles/user-organization-and-project-pages, the "User & Organization Pages" section.

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 an 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, which is http://www.cs.gsu.edu/

A head shot (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 no borders, every other row is a different color

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.

Highlight Top 3 Dream Job (heading required): numbered list of jobs. Then the last item in your list should have a link to you "Resume"

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.

Create a link that points to you LinkedIn Profile - If you do not have one "CREATE a Profile"

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. But keep the size of this page (including images) to less than approximately 100 KB for the sake of visitors with slow connections. 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 rendering of your page down a bit.

For example the following rule

will turn everything on the webpage to red:

* {

color: red;

}

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

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

More Guidelines

You must adhere to the following guidelines:

All HTML pages must pass the official HTML5 specifications via http://validator.w3.org/

You must use at least one (1) CSS file. The CSS file, or one of the CSS files, must have at least 5 rules

All CSS files must pass the official CSS validation via http://jigsaw.w3.org/css-validator/

You cannot use frames.

You cannot use any styling element for any purpose (e.g., , , , >). All styling must be defined in CSS.

You cannot use any styling attribute in elements (e.g.,

).

You cannot use absolute URLs for images.

You cannot use front-end frameworks such as Bootstrap.

You cannot use other people's CSS files.

You cannot use JavaScript (or jQuery for that matter; considering we have not covered JavaScript yet!).

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!

All content must be stored in your special repo YOUR_GITHUB_USERNAME.github.io, master branch, of your GitHub account.

Specifically, do not use frames or JavaScript

YOU WILL LOOSE POINTS.