PROY61: Log In Form

Log In

Bienvenido

Requerimientos

• Ver el diseño óptimo según el tamaño de pantalla del dispositivo.

• Ver un mensaje de error si los campos están vacios.

• Ver un mensaje de error si el formato de correo no está bien.

Diseño

Envía tu solución

Hola Frontend Club👋,

Acabo de completar el reto # como parte del desafío #100daysofprojects.

Mi solución:
Página web - https://profile-card.netlify.app/
Repositorio - https://github.com/01-day-profile-card.git

Recursos

🎨Paleta de colores
- body background - #FFFBFA
- card background - #FFFFFF
- button log-in - #A04625
- button linkedin - #0D65C2
- text - #161C32

⚙️Configuraciones
- card border radius - 15px
- button border radius - 5px
- input border radius - 5px

✍️Tipografia
- Fuente: [Merriweather](https://fonts.google.com/specimen/Merriweather)
Title:
- Weight: 900
- Font size: 22px
Input title
- Weight: 400
- Font size: 14px
Placeholder:
- Weight: 400
- Font size: 16px

Plantilla

• Puedes utilizar la plantilla base del proyecto para empezar a codificar.

• Contenido de texto del diseño.

Log in

Email
Enter your email address

Password
Enter your password

Log in
or
Continue with LinkedIn

Can’t log in? ∙ Sign up for an account

Mejora tus habilidades frontend codificando proyectos reales con un tutor personal⚡