<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1721958686093/74ecb4c4-3f86-48df-a55e-fcfd7126501e.png" alt />
Bienvenido,
Nuestra misión será crear una landing page modo oscuro, usando HTML, CSS y JavaScript; y lograr que se parezca lo más posible al diseño.
Los usuarios deberían poder:
<ol>
<li>Ver un mensaje de error cuando se intenta enviar el campo vacío.
</li>
<li>Ver un mensaje de error cuando el correo no cumple con el formato.
</li>
<li>Ver menú hamburguesa en <code>mobile</code>.
</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. dark-mode-landing-page).
</li>
<li>Agregar título al proyecto (ej. Dark Mode Landing Page - Frontend Club).
</li>
<li>Bonus: Documenta el proyecto con un archivo <a target="_blank" href="http://readme.md/"><a href="http://readme.md" class="autolinkedURL autolinkedURL-url" target="_blank">readme.md</a></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/sketch-landing-page-website-day-903">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 archivo de diseño es cortesía de: <a target="_blank" href="https://www.uidesigndaily.com/posts/sketch-landing-page-website-day-903">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/v1721958686093/74ecb4c4-3f86-48df-a55e-fcfd7126501e.png align="left")

Bienvenido,

Nuestra misión será crear una **landing page modo oscuro**, usando HTML, CSS y JavaScript; y **lograr que se parezca lo más posible al diseño**.

**Los usuarios deberían poder:**

1. Ver un mensaje de error cuando se intenta enviar el campo vacío.
    
2. Ver un mensaje de error cuando el correo no cumple con el formato.
    
3. Ver menú hamburguesa en `mobile`.
    
4. 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. dark-mode-landing-page).
    
3. Agregar título al proyecto (ej. Dark Mode Landing Page - 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/sketch-landing-page-website-day-903)
    

### 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 archivo de diseño es cortesía de: [UI Design Daily](https://www.uidesigndaily.com/posts/sketch-landing-page-website-day-903)

---

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

Cree una página de destino en modo oscuro con HTML, CSS y JavaScript. Implemente mensajes de error, diseño responsivo y consideraciones adicionales.

Dark Mode Landing Page - Frontend Club

PROY95: Dark Mode Landing Page

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