PROY95: Dark Mode Landing Page

Frontend ClubFrontend Club
1 min read

Bienvenido,

Nuestra misión será crear una landing page modo oscuro, usando HTML, CSS y JavaScript; y lograr que se parezca lo más posible al diseño.

Los usuarios deberían poder:

  1. Ver un mensaje de error cuando se intenta enviar el campo vacío.

  2. Ver un mensaje de error cuando el correo no cumple con el formato.

  3. Ver menú hamburguesa en mobile.

  4. Ver un diseño óptimo en pantallas grandes(1200px) y pequeñas(375px).

Consideraciones:

  1. Agregar icono favicon al proyecto.

  2. Renombrar URL fácil de recordar (ej. dark-mode-landing-page).

  3. Agregar título al proyecto (ej. Dark Mode Landing Page - Frontend Club).

  4. Bonus: Documenta el proyecto con un archivo readme.md

Recursos

Lista de recursos para ayudarte a completar el reto.

  1. Clonar proyecto inicial

  2. Visualizar diseño original

Referencias

Nuestro agradecimiento a las fuentes que hacen posible los recursos y nos inspiran a seguir compartiendo conocimiento.

El archivo de diseño es cortesía de: UI Design Daily


"La mejor manera de aprender a programar es practicando todos los días"

0
Subscribe to my newsletter

Read articles from Frontend Club directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Frontend Club
Frontend Club

La mejor manera de aprender a programar es practicando todos los días.