• The objective of this challenge is test your knowledge on all of the topics surrounding user interface and git you learned this week.

• Answers to your written questions will be recorded in Answers.md

• This is to be worked on alone but you can use outside resources. You can reference any old code you may have and the training kit content, however, please refrain from copying and pasting any of your answers. Try and understand the question and put your responses in your own words. Be as thorough as possible when explaining something.

• Fork the project into your GitHub user account
• Clone the forked project into a directory on your machine
• Create a branch called develop on your local build
• Set your HEAD to your newly created develop branch
• You are now ready to build this project with your preferred IDE

Answer the following questions to the best of your ability. You can exercise your Googling skills and use training kit. Open up the Answers.md file and record your responses there.

1. If you had to describe semantic HTML to the next cohort of students, what would you say?

2. Describe some differences between display: block; and display: inline;.

3. What are the 4 areas of the box model?

4. While using flexbox, what axis are you using when you use the property: align-items: center?

5. What is the git command to commit staged changes as well as write a message?

Review the provided design file for the home page. Notice the navigation and header images are missing.

• Build the HTML and CSS to create the missing navigation and header.
• Link up the About navigation item to the about.html page

You will also notice there are 10 boxes on the home page that need background colors. Use this list below to correctly style each box:

• box1: teal
• box2: gold
• box3: cadetblue
• box4: coral
• box5: crimson
• box6: forestgreen
• box7: darkorchid
• box8: hotpink
• box9: indigo
• box10: dodgerblue

Review the provided design file for the about page. You have been provided the HTML wrapper, footer, and page content for the about page. Create the rest of the missing HTML and CSS to match the design file.

• Copy and paste your home page navigation and header into the about page
• Update the header image with the about page image
• Link the Home navigation item back to the index.html page.
• Build the rest of the about page layout to match the design

• Once you have completed tasks 1-4, push all your commits up to your develop branch.
• Switch your HEAD to master
• Merge the develop branch into master
• Push all your updates up to master
• Create a pull request back to the original fork

Congratulations, you completed the sprint challenge!

Stretch goals are only available if you complete every task listed above. Do not work on them until your pull request is in.

• Build a page of your choosing from the navigation items. Come up with content and images that fit the theme.
• Introduce CSS animations to your site.
• Build the contact page and create a form with several inputs of your choosing
• Add responsive breakpoints to your code by using media queries