PROY63: Call to Action Card

Call to Action Card

Bienvenido

Requerimientos

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

• Validar campo vacío.

• Validar formato de correo.

• Ver un estado hover para al envíar los datos de correo.

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
- background body - #F3F8FE
- border card - #DDE5F9
- background card (linear gradient) - #173AB7 #5271E0
- background input email - #F3F8FE (transparency %40)
- text - #ffffff

⚙️Configuraciones
- border radius border card - 30px
- border radius card - 20px
- border radius input email - 47px

✍️Tipografia
- Fuente: [Mulish](https://fonts.google.com/specimen/Mulish)
Title
- 700, 36px
Paragraph
- 400, 18px

Plantilla

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

• Contenido de texto del diseño.

Already working together?

Log in to your account and connect with your teammates!

youremail@address.com

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