difficulty | OAs | projects | |||||
---|---|---|---|---|---|---|---|
|
|
|
Objetivo:
El reto consiste en replicar el sitio de Lyft, este será el resultado a lograr:
Enfócate en obtener la maquetación lo más parecido posible.
Iniciaras tu propio boilerplate para construir la estructura de tu proyecto y enlazar tus archivos de estilos (CSS).
Dentro de la carpeta
assets
encontrarás todas las imágenes necesarias para completar tu proyecto.Esta web utiliza la tipografía
Montserrat
.La paleta de colores es:
- Botones, hover:
#FF00BF
- Fondo de
footer
:#333447
- Título del formulario:
#352384
- Texto del formulario:
#728099
- Gradiente morado:
linear-gradient(#76278F, #2B1E66);
Para el footer, deberás tomar en cuenta que tiene un hover y se ve como en la siguiente imagen:
Además, encontraras los íconos en la carpeta
assets/icons
.Estos son los videos de Youtube:
- Puedes ver el sitio original, sin embargo, su diseño ya ha cambiado mucho, así que tu fuente de verdad es la imagen que muestra el objetivo de este reto.
Trabaja colaborativamente en dupla o triada
Pixel perfect (replicar el diseño con exactitud)