Layout challenge with HTML and materializecss

• Lyft
  • Indice
    • Information:
    • Description:
    • Reference Images
    • Workflow
    • Structure:
    • Technologies used:
    • Considerations
    • Original site
    • To consider

Track: Common Core
Autor: Andu15
Created: 07/22
Version: 1.0.0

This repository aims to challenge my knowledge to obtain a replica of a reference image Remark: the reference image does not belong to me

Note: the credits to whom it corresponds

1. Fork from lyft
2. Clone the repository
3. Organize project structure
4. Ready! Here we go

├── assets/
|   ├── favicon/
|   └── images/
├── css/
|   ├── icomoon/
|   ├── main.css
|   ├── materialize.css
|   └── materialize.min.css
├── docs/
├── js
|   ├── materialize.js
|   └── materialize.min.js
├── node_modules
├── .gitignore
├── index.html
├── package-lock.json
├── package.json
└── README.md

• HTML
• CSS
• materialize
• icomoon
• Google Fonts

Styles:

• Typography: Montserrat.
• Color palette:
  • #FF00BF
  • #333447
  • #352384
  • #728099
  • linear-gradient(#76278F, #2B1E66);

Icons: Icomoon

Reference videos:

• AMPLIFY YOUR RIDE
• JUNE
• A GOOD THING GOING

Lyft

1. the original site has already changed its design, so only the reference image was taken into account
2. Only the layout was taken into account, but not the functionality
3. To see the challenge design, you must have a screen of at least 1440px