<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1719769858854/b8005664-637b-4679-ad3b-f98e8892b1a9.png" alt />
Bienvenido,
Nuestra misión será crear una tarjeta de llamado a la acción, 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 el campo está 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. call-to-action-card).
</li>
<li>Agregar título al proyecto (ej. Call to Action Card - 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/figma-call-to-action-card-footer-day-1461">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-call-to-action-card-footer-day-1461">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/v1719769858854/b8005664-637b-4679-ad3b-f98e8892b1a9.png align="left")

Bienvenido,

Nuestra misión será crear una **tarjeta de llamado a la acción**, 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 el campo está 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. call-to-action-card).
    
3. Agregar título al proyecto (ej. Call to Action Card - 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-call-to-action-card-footer-day-1461)
    

### 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-call-to-action-card-footer-day-1461)

---

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

Crea una tarjeta de llamado a la acción con HTML y CSS, cumpliendo validaciones y diseño responsivo. Inicia tu proyecto con recursos y ejemplos.

Call to Action Card - Frontend Club

PROY63: Call to Action Card

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