54 Day - Newsletter Popup Template

Este diseño hermoso desafiará tus habilidades HTML y CSS, contiene un color de fondo degradado. Procura adaptar el diseño a cualquier tipo de dispositivo.

Frontend Club

Mar 1, 2024

100daysofprojects

TABLE OF CONTENTS

Newsletter Popup Template

Bienvenido

Requerimientos

Diseño

Envía tu solución

Recursos

Colores

Plantilla

Newsletter Popup Template

Bienvenido

En líneas generales, el objetivo de este reto es transformar el diseño en código, y hacer que se parezca lo más posible al diseño.

El diseño de este reto es propiedad de Codewell.

Para realizar este desafío, necesitas conocimientos básicos de HTML y CSS.

Requerimientos

Los usuarios deberían poder:

Validar el campo vacío al hacer clic en `subscribe`.

Validar el formato correo en el campo `input`.

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

¿Quieres apoyo en el desafío? Únete a nuestro canal de Telegram.

Diseño

Desktop:

Tablet:

Mobile:

Envía tu solución

Envía tu solución a nuestro grupo de Facebook para que lo vea el resto de la comunidad con el siguiente texto:


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

Proporcionamos los recursos necesarios para completar el proyecto.

Colores


### Paleta de colores
- #2355F2 - card header background and button.
- #6a6968 - body text color.
- #000000 - username and testimonial text.

### Tipografia
- Fuente: [Work+Sans] (https://fonts.google.com/specimen/Work+Sans)

Plantilla

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

Contenido de texto del diseño.


Creating email templates has never been easier.

Recieve daily emails on how to best create emails templaes, completely free.

Email Address - Subscribe

No spam, ever, Unsubscribe anytime.

Andrew Vickins
Newsletter Designer

"By far one of the best newsletter i've ever subscribed to. it is sent biweekly and i'm always looking forward to their emails."