<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1718560230894/bba03c3e-18b3-46f6-9510-1bcd25c495eb.png" alt />
Bienvenido,
Nuestra misión será crear un boletín de noticias modal, usando HTML y CSS; y lograr que se parezca lo más posible al diseño.
Los usuarios deberían poder:
<ol>
<li>Ver un mensaje de error si se envía el campo vacío.
</li>
<li>Ver un mensaje de error si se ingresa formato de correo incorrecto.
</li>
<li>Ver un diseño óptimo en pantallas grandes(<code>1200px</code>) y pequeñas(<code>375px</code>).
</li>
</ol>
Consideraciones:
<ol>
<li>Agregar icono favicon al proyecto.
</li>
<li>Renombrar URL fácil de recordar (ej. newsletter-popup-template).
</li>
<li>Agregar título al proyecto (ej. Newsletter Popup Template - Frontend Club).
</li>
<li>Bonus: Documenta el proyecto con un archivo <a target="_blank" href="http://readme.md">readme.md</a>
</li>
</ol>
<h2 id="heading-recursos">Recursos</h2>
Lista de recursos para ayudarte a completar el reto.
<ol>
<li><a target="_blank" href="https://github.com/frontend-club/100daysofprojects">Clonar proyecto inicial</a>
</li>
<li><a target="_blank" href="http://ww12.codewell.cc/challenges/newsletter-popup-template--60a8db35203a0e6180bb5035?usid=18&amp;utid=26330093988">Visualizar diseño original</a>
</li>
</ol>
<h3 id="heading-referencias">Referencias</h3>
Nuestro agradecimiento a las fuentes que hacen posible los recursos y nos inspiran a seguir compartiendo conocimiento.
<ul>
<li><a target="_blank" href="https://www.w3schools.com/">W3Schools</a>
</li>
<li><a target="_blank" href="https://www.w3schools.com/">UI Desi</a><a target="_blank" href="https://www.uidesigndaily.com/">gn D</a><a target="_blank" href="https://www.w3schools.com/">aily</a>
</li>
<li><a target="_blank" href="https://www.w3schools.com/">F</a><a target="_blank" href="https://www.uidesigndaily.com/">rontend Me</a><a target="_blank" href="https://www.w3schools.com/">ntor</a>
</li>
</ul>
El diseño de este proyecto es propiedad de: <a target="_blank" href="http://ww12.codewell.cc/challenges/newsletter-popup-template--60a8db35203a0e6180bb5035?usid=18&amp;utid=26330093988">Codewell</a>
<hr />
<blockquote>
"La mejor manera de aprender a programar es practicando todos los días"
</blockquote>

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1718560230894/bba03c3e-18b3-46f6-9510-1bcd25c495eb.png align="left")

Bienvenido,

Nuestra misión será crear un **boletín de noticias modal**, usando HTML y CSS; y **lograr que se parezca lo más posible al diseño**.

**Los usuarios deberían poder:**

1. Ver un mensaje de error si se envía el campo vacío.
    
2. Ver un mensaje de error si se ingresa formato de correo incorrecto.
    
3. 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. newsletter-popup-template).
    
3. Agregar título al proyecto (ej. Newsletter Popup Template - Frontend Club).
    
4. **Bonus**: Documenta el proyecto con un archivo [readme.md](http://readme.md)
    

## Recursos

Lista de recursos para ayudarte a completar el reto.

1. [Clonar proyecto inicial](https://github.com/frontend-club/100daysofprojects)
    
2. [Visualizar diseño original](http://ww12.codewell.cc/challenges/newsletter-popup-template--60a8db35203a0e6180bb5035?usid=18&utid=26330093988)
    

### Referencias

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

* [W3Schools](https://www.w3schools.com/)
    
* [UI Desi](https://www.w3schools.com/)[gn D](https://www.uidesigndaily.com/)[aily](https://www.w3schools.com/)
    
* [F](https://www.w3schools.com/)[rontend Me](https://www.uidesigndaily.com/)[ntor](https://www.w3schools.com/)
    

El diseño de este proyecto es propiedad de: [Codewell](http://ww12.codewell.cc/challenges/newsletter-popup-template--60a8db35203a0e6180bb5035?usid=18&utid=26330093988)

---

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

Crea un boletín de noticias modal con HTML y CSS, siguiendo el diseño original y asegurando mensajes de error y diseño responsivo.

Newsletter Popup Template - Frontend Club

PROY54: Newsletter Popup Template

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