Skip to content

dorinf110/CSS-HTML-Project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Final Project - HTML&CSS

Welcome! 👋

The challenge

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

Where to find everything

  • 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%);

Building your project

  • 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"

About

Here is the code for my CSS project.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published