<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1718117067984/1ddc6c4d-0857-4ad6-bad4-0af7a715238f.png" alt />
Bienvenido,
Nuestra misión será crear un formulario de suscripción de noticias, 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 envían el campo vacío.
</li>
<li>Ver un mensaje de error si el formato de correo no es correcto.
</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. sign-up-form).
</li>
<li>Agregar título al proyecto (ej. Sign Up Form - 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="https://www.uidesigndaily.com/posts/figma-sign-up-form-input-day-1496">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="https://www.uidesigndaily.com/posts/figma-sign-up-form-input-day-1496">UI Design Daily</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/v1718117067984/1ddc6c4d-0857-4ad6-bad4-0af7a715238f.png align="left")

Bienvenido,

Nuestra misión será crear un **formulario de suscripción de noticias**, 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 envían el campo vacío.
    
2. Ver un mensaje de error si el formato de correo no es correcto.
    
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. sign-up-form).
    
3. Agregar título al proyecto (ej. Sign Up Form - 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](https://www.uidesigndaily.com/posts/figma-sign-up-form-input-day-1496)
    

### 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: [UI Design Daily](https://www.uidesigndaily.com/posts/figma-sign-up-form-input-day-1496)

---

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

Cree un formulario de suscripción al boletín con HTML y CSS, garantizando mensajes de error y un diseño responsivo para diferentes tamaños de pantalla.

Sign Up Form - Frontend Club

PROY48: Sign Up Form

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