Skip to content

danzt/portafolio-daniel-bonalde

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🚀 Portafolio de Daniel Bonalde

Portafolio web personal moderno y profesional para mostrar mi experiencia como Senior Frontend Developer.

✨ Características

  • Diseño Moderno: Interfaz oscura con gradientes y animaciones suaves
  • Totalmente Responsivo: Optimizado para dispositivos móviles, tablets y escritorio
  • Animaciones Interactivas: Efectos de scroll, contadores animados y transiciones fluidas
  • Rendimiento Optimizado: Código limpio y eficiente
  • SEO Friendly: Estructura semántica HTML5

📂 Estructura del Proyecto

portfolio/
├── index.html          # Página principal
├── styles.css          # Estilos CSS
├── script.js           # JavaScript interactivo
└── README.md          # Documentación

🎨 Secciones

  1. Hero/Inicio: Presentación inicial con llamados a la acción
  2. Sobre Mí: Descripción profesional y estadísticas
  3. Experiencia: Timeline con historial laboral
  4. Habilidades: Tecnologías y herramientas dominadas
  5. Logros: Destacados profesionales
  6. Educación: Formación académica
  7. Contacto: Formulario y datos de contacto

🛠️ Tecnologías Utilizadas

  • HTML5: Estructura semántica
  • CSS3: Estilos modernos con variables CSS, Grid y Flexbox
  • JavaScript: Interactividad y animaciones
  • Font Awesome: Iconos profesionales

🚀 Cómo Usar

  1. Abrir el Portafolio:

    • Simplemente abre index.html en tu navegador
    • O arrastra el archivo al navegador
  2. Personalizar:

    • Edita index.html para cambiar contenido
    • Modifica styles.css para ajustar colores y estilos
    • Actualiza script.js para cambiar comportamientos

🎨 Personalización

Cambiar Colores

En styles.css, modifica las variables CSS:

:root {
    --primary-color: #1590ff;     /* Color principal */
    --secondary-color: #6366f1;   /* Color secundario */
    --dark-bg: #0f0f1e;          /* Fondo oscuro */
    --card-bg: #1a1a2e;          /* Fondo de tarjetas */
    --accent: #00d4ff;           /* Color de acento */
}

Actualizar Información

Edita las secciones en index.html con tu información personal:

  • Nombre y título
  • Experiencia laboral
  • Habilidades
  • Información de contacto

📱 Compatibilidad

  • ✅ Chrome (última versión)
  • ✅ Firefox (última versión)
  • ✅ Safari (última versión)
  • ✅ Edge (última versión)
  • ✅ Dispositivos móviles

📧 Contacto

📝 Licencia

Este proyecto es de código abierto y está disponible para uso personal.

🔄 Actualizaciones Futuras

  • Sección de proyectos/portafolio
  • Blog integrado
  • Modo claro/oscuro
  • Múltiples idiomas
  • Integración con backend para formulario de contacto

Desarrollado con ❤️ por Daniel Bonalde

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published