# Assignment 1

# Fonts, Colours, and Layout

• GitHub Classroom Invitation to assignment repo Assignment Repo Link
• You will see a screen like this:

• Accept the invitation to get a copy of the starter repo.
• REQUIREMENTS
• Both Nav menus use Flexbox to make the links align.
• SubNav menu aligns to the right
• MainNav links spread out to the whole width
• The .container div should have a max-width of 1500px
• All the body text and links should use a sans-serif font
• All the heading text should use a serif font
• All font-family values should use font-stacks that include a google font, fallback fonts, and the serif or sans-serif font.
• All colours on the page need to use the hsl( ) method.
• All colours should be based on a primary and a secondary HUE that is used in the hsl methods.
• All font-sizes should be relatively sized using a value that comes from a scale
• The first story should be subtly more important than the other stories.
• Remember to apply consistent alignment and sizing on your page.
• Leave plenty of comments across your code explaining what you have done and why. Having a lot of comments in your code will result positively in your grade.
• Make sure to commit your code at regular intervals and include meaningful commit messages. Having a lot of commits and many meaningful message will results positively in your grade.
• Make sure you run the validation on your web page to ensure that your HTML is valid. (Great way to avoid problems with your CSS)
• Use of Media Queries is optional but encouraged.

# Submission

• On the Assignment page in BS LMS, submit both the github.io URL and the github.com URL.
• You will need to test the page through GitHub Pages on GitHub.io to see if your CSS works.
• Be sure to invite me to your repo via my Algonquin College Github account (garrarj), otherwise I will not be able to view and mark your repo.
• Due Oct 25, 2019 @11:59pm