🌐 Social Network Cards: CSS🚀

Bienvenido/a a este repositorio, donde recree tarjetas interactivas de redes sociales utilizando únicamente HTML y CSS. Este proyecto es ideal para practicar diseño y aprender a aplicar efectos :hover, variables CSS, y estilos personalizados.

Accede a visualizarlo

📋 Descripción del Proyecto

🎯 Objetivo:

Replicar el diseño de unas tarjetas de redes sociales con un toque interactivo, logrando que cada una tenga un estilo dinámico.

💡 Características principales:

1. Diseño minimalista: Utilice <img> o <svg> para los íconos, <h1> para los títulos, <p> para descripciones y <a> para los enlaces.
2. Interactividad suave: Los efectos :hover dan vida a las tarjetas, invitando a explorar cada red social.
3. Código modular y reusable: Una tarjeta base que se replica para cada red social.

🌟 Bonus Extra:

✔️ Personalización por colores
✔️ Uso de herramientas modernas como mkweb
✔️ Subido a GitHub para compartir el aprendizaje!

---

🛠️ Herramientas Utilizadas

• HTML5: La estructura de las tarjetas.
• CSS3: Estilos, variables y efectos interactivos.
• GitHub: Para la colaboración y documentación.
• Mkweb: Simplificación del flujo de desarrollo.

---

🚀 Cómo usar este proyecto

1. Clonar el repositorio:

   git clone https://github.com/Zeida/social_network_cards.git
   

2. Abrir el archivo HTML en tu navegador:

🌈 Inspiración y Aprendizaje

Este proyecto es perfecto para:

Practicar diseño modular con HTML y CSS. Experimentar con variables CSS. Desarrollar interacciones visuales con pseudo-clases como :hover.

🌍 Accede a visualizarlo

Puedes ver una versión en vivo del proyecto en el siguiente enlace:
Accede a visualizarlo

🤝 Contribuciones

¡Este proyecto está abierto a contribuciones! Si tienes ideas para mejorar el diseño o agregar funcionalidades, no dudes en hacer un fork y enviar un pull request.

Espero que te inspire a seguir creando proyectos interactivos y visualmente atractivos. ¡Nos vemos en el código! 👩‍💻👨‍💻