PROY01: Profile Card

Frontend ClubFrontend Club
1 min read

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:

  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 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 al proyecto.

Recursos

Lista de recursos para ayudarte a completar el reto.

  1. Clonar proyecto inicial

  2. Visualizar diseño original

Referencias

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

El diseño de este proyecto es propiedad de: UI Design Daily


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

1
Subscribe to my newsletter

Read articles from Frontend Club directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Frontend Club
Frontend Club

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