✨ Social-Card — Html + Css

---

Pequeña página web estática que sirve como tarjeta de presentación personal. El proyecto contiene una página HTML y una hoja de estilos CSS listos para abrir en el navegador. 😊

---

---

📝 Descripción

Este repositorio contiene una tarjeta de presentación digital simple implementada con HTML y CSS. Es ideal como ejemplo educativo o base para personalizar y desplegar como página estática. ¡Perfecto para compartir tu contacto y estilo en la web!

Contenido principal:

• index.html — la página principal de la tarjeta.
• styles.css — estilos visuales para la tarjeta.

---

▶️ Cómo ver el proyecto (local)

Abrir directamente en el navegador:

• En el explorador de archivos, haz doble clic en index.html o usa PowerShell:

start .\index.html

---

🎨 Desarrollo y personalización

• Edita index.html para cambiar texto, enlaces o estructura.
• Modifica styles.css para cambiar tipografías, colores o layout.
• Añade imágenes en la misma carpeta y referencia las rutas relativas desde el HTML.

---

✍️ Editar en el navegador

Esta tarjeta incluye elementos HTML con contenteditable="true", por lo que puedes escribir directamente sobre la página en tu navegador y cambiar cualquier texto (por ejemplo, nombre, cargo o credenciales) sin editar el archivo fuente.

Cómo usarlo:

• Abre index.html en el navegador.
• Haz clic en el texto que quieres cambiar y escribe; los cambios se aplican al momento.
• Para guardar lo que editaste, puedes:
  • Copiar el HTML resultante desde las herramientas de desarrollador y pegarlo en tu archivo index.html local.
  • Usar "Guardar como..." en el navegador para guardar la página editada (ten en cuenta que algunos navegadores pueden no preservar cambios dinámicos en todos los casos).

---

Last update: March 2026