Assignment 1

Welcome to your first assignment!

Here's what you need to do:

  1. Submit one html file, and one css file, zipped in a folder.
  2. Make sure all your HTML Opens in a new window and CSS Opens in a new window is valid according to the W3C.
  3. All your HTML must be semantically correct.
  4. Your CSS must be coded mobile-first.
  5. Your page should include the following:
    1. A header image
    2. A page title with a different font-family than the body font.
    3. In-page navigation
    4. Three or more sections of content (with section titles where appropriate).
    5. Enough content that the page extends past the bottom of the viewport.
    6. A "back to top" button that remains in the bottom-right of the viewport that returns the user to the top of the page.
    7. At least two images in the page content, at least one floated to the right, and at least one floated to the left.
    8. Appropriate padding/margin around elements to make things pleasant to read.
    9. A different colour scheme on desktop and mobile.
    10. One word in the body content, not contained in a link, that changes style when hovered over.
  6. Add a bit of personal style.
If you're not sure where to get content for your page, head over to wikipedia.