Lyft

Layout challenge with HTML and materializecss

Indice

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

---

Information:

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

Description:

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

Reference Images

Note: the credits to whom it corresponds

Workflow

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

Structure:

├── 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

Technologies used:

• HTML
• CSS
• materialize
• icomoon
• Google Fonts

Considerations

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

Original site

Lyft

To consider

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