Your challenge is to build out this landing page and get it looking as close to the design as possible.
For this project you will use HTML and CSS (external CSS).
Your users should be able to:
- View the optimal layout depending on their device's screen size
- See hover states for interactive elements
- Your task is to build out the project to the designs inside the
/assets
folder. (screenshot-desktop.jpeg, screenshot-tablet.jpeg, screenshot-mobile.jpeg) - Site must be responsive, check out the screenshots for the mobile, tablet and desktop versions.
Also in the "/assets" folder you will find the pictures with the girl.
The small pictures are with "svg" extension.
Code colors:
- get started button, title, background footer: #13183f
- description: #83869a
- get started button: linear-gradient(180deg, #ff6f48 0%, #f02aa6 100%);
- get started (cards area) - #f74780;
- card area background - linear-gradient(180deg, #ffffff 0%, #f0f2ff 100%);
- Download the starter code
- Set up the project with version control (e.g. Git)
- Read the README.md file and have a look around the project
- Set up your project/file architecture however you want
- Start coding!
Have fun building! 🚀 "# CSS-HTML-Project"