Side Hustle Capstone Project 1

---

Instructions

1. Download the design files needed and follow all instructions.
2. Ensure you do not copy another team's work else your task would be disqualified.
3. Take your time to understand the layout of the design page before coding.
4. No frameworks must be used, just plain CSS
5. Make your work responsive across all devices using CSS flexbox or grid.
6. create a repository on GitHub and upload your files to Github.
7. Host your website using either GitHub pages, vercel or netlify.
8. Submit the links to your repository and the live/hosted site.
9. Feel free to ask questions where necessary.
10. Best of luck.

---

Style Guide

Layout

The designs were created to the following widths:

• Mobile: 375px
• Desktop: 1440px

Colors

Primary

• Dark Blue (intro and email sign up background): hsl(217, 28%, 15%)
• Dark Blue (main background): hsl(218, 28%, 13%)
• Dark Blue (footer background): hsl(216, 53%, 9%)
• Dark Blue (testimonials background): hsl(219, 30%, 18%)

Accent

• Cyan (inside call-to-action gradient): hsl(176, 68%, 64%)
• Blue (inside call-to-action gradient): hsl(198, 60%, 50%)
• Light Red (error): hsl(0, 100%, 63%)

Neutral

• White: hsl(0, 0%, 100%)

Typography

Body Copy

• Font size: 14px

Headings, Call-to-actions, Header Navigation

• Family: Raleway
• Weights: 400, 700

Body

• Family: Open Sans
• Weights: 400, 700

Icons

For the social icons, you can use a font icon library. Some suggestions can be found below:

• Font Awesome
• IcoMoon
• Ionicons

---

Authors

• Akeh Emmanuel Unimke
• Ola
• Mistura Abiola
• Omotoyosi Ogunye
• Okeke Gloria Ebubechukwu
• Okeke Chinaza
• Siphelele Hlongwane
• Asmau Aminu
• Akatakpo Praise