Some readings that may help you with your homework:
- Media queries
- The 30 CSS Selectors You Must Memorize
- HTML syntax
- Article about multiple ways to select classes and id's
- Recreate the website from this design
- The website must be responsive and as the design above is the desktop layout you will need to build it so the above design will collapse to this mobile layout (same design, new layout).
- Make sure to approximate the given design as close as you can. Imagine that you are doing it for a customer and the customer has already approved the design, so you are not allowed to change it.
- You are allowed to find logos of your own choice, though. You can use jpg, png or even svg images. If you need help finding good quality icons you can try Iconfinder.com. Keep images in a separate folder.
- BEFORE you hand it in, read the Style guide again and check your files against the HTML validator
- With the
https://github.com/USERNAME/hyf-homework
repo, find the relevant week number - Now upload your homework files to the repo.
- If you forgot how to do that, check it out here
- Post your index.html file on your classes slack channel in this format: https://htmlpreview.github.io/?https://github.com/YOUR_ACCOUNT/hyf-homework/blob/master/html-css/week1/index.html