<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1713757182641/ef78a1c0-bf1e-4fcc-96b6-8fcdf9b04269.png" alt="Profile card design" />
Bienvenido,
Nuestra misión será crear una tarjeta de presentación personal, usando HTML y CSS, y lograr que se parezca lo más posible al diseño.
Los usuarios deberían poder:
<ol>
<li>Ver el diseño óptimo en pantallas grandes(<code>1200px</code>).
</li>
<li>Ver un color de fondo(<code>hover</code>) diferente al pasar el mouse sobre el ícono.
</li>
<li>Bonus: Agrega <a target="_blank" href="https://lenguajecss.com/css/animaciones/animaciones/">animaciones CSS</a> a los íconos.
</li>
</ol>
Importante:
<ol>
<li>Agrega icono favicon al proyecto.
</li>
<li>Reemplaza el texto de la imagen con tus datos.
</li>
<li>Agrega una URL fácil de recordar (ej. 01-profile-card).
</li>
<li>Agrega un título al proyecto (ej. Profile Card - Frontend Club).
</li>
<li>Bonus: Agrega un archivo <a target="_blank" href="https://github.com/frontend-club/100daysofprojects/blob/main/01-profile-card/README.md">readme.md</a> al proyecto.
</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.figma.com/file/yF1qVlL77tohxj7PFhjyWG/Profile-Card-Design?type=design&amp;node-id=0%3A2&amp;mode=design&amp;t=fjLl9ZTf0kW4iwsy-1">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.uidesigndaily.com/">UI Design Daily</a>
</li>
<li><a target="_blank" href="https://www.frontendmentor.io/">Frontend Mentor</a>
</li>
</ul>
El diseño de este proyecto es propiedad de: <a target="_blank" href="https://www.uidesigndaily.com/posts/sketch-profile-card-user-day-718">UI Design Daily</a>
<hr />
<blockquote>
"La mejor manera de aprender a programar es practicando todos los días".
</blockquote>

![Profile card design](https://cdn.hashnode.com/res/hashnode/image/upload/v1713757182641/ef78a1c0-bf1e-4fcc-96b6-8fcdf9b04269.png align="left")

Bienvenido,

Nuestra misión será crear una **tarjeta de presentación personal**, usando HTML y CSS, y lograr que se parezca lo más posible al diseño.

**Los usuarios deberían poder:**

1. Ver el diseño óptimo en pantallas grandes(`1200px`).
    
2. Ver un color de fondo(`hover`) diferente al pasar el mouse sobre el ícono.
    
3. **Bonus**: Agrega [animaciones CSS](https://lenguajecss.com/css/animaciones/animaciones/) a los íconos.
    

**Importante:**

1. Agrega icono favicon al proyecto.
    
2. Reemplaza el texto de la imagen con tus datos.
    
3. Agrega una URL fácil de recordar (ej. 01-profile-card).
    
4. Agrega un título al proyecto (ej. Profile Card - Frontend Club).
    
5. **Bonus**: Agrega un archivo [readme.md](https://github.com/frontend-club/100daysofprojects/blob/main/01-profile-card/README.md) al proyecto.
    

## **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.figma.com/file/yF1qVlL77tohxj7PFhjyWG/Profile-Card-Design?type=design&node-id=0%3A2&mode=design&t=fjLl9ZTf0kW4iwsy-1)
    

### **Referencias**

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

* [W3Schools](https://www.w3schools.com/)
    
* [UI Design Daily](https://www.uidesigndaily.com/)
    
* [Frontend Mentor](https://www.frontendmentor.io/)
    

El diseño de este proyecto es propiedad de: [UI Design Daily](https://www.uidesigndaily.com/posts/sketch-profile-card-user-day-718)

---

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

Cree una tarjeta de perfil personal usando HTML y CSS, con efectos de desplazamiento y animaciones para íconos sociales. Muestra tus habilidades de diseño.

Profile Card - Frontend Club

PROY01: Profile Card

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