Desarrollador de Software · SENA · Colombia
Sitio web personal que presenta mi perfil como desarrollador, proyectos y habilidades técnicas.
Diseño responsive optimizado para escritorio y móvil, con modo oscuro por defecto.
Puedes ver el portafolio en vivo.
- 🌙 Modo oscuro por defecto con toggle persistente en
localStorage - 🎞️ Animaciones de entrada al hacer scroll con
IntersectionObserver - 🔗 Navegación activa sincronizada con el scroll de la página
- 📊 Barras de progreso animadas al entrar en el viewport
- 🌫️ Sombra dinámica del navbar al desplazarse hacia abajo
- 📄 Sección de certificados con vista previa y descarga de PDFs
| Tecnología | Uso |
|---|---|
| HTML5 | Estructura semántica y accesible |
| CSS3 | Estilos personalizados con Grid y Flexbox |
| Bootstrap 5 | Layout responsive y componentes de UI |
| JavaScript | Theme toggle, scroll reveal, animaciones |
portfolio/
│
├── index.html # Página principal del portafolio
├── styles.css # Estilos globales y personalizados
├── script.js # Lógica: animaciones, tema, scroll
├── README.md # Documentación del proyecto
│
├── 📄 Páginas de certificados
│ ├── certificadodeflask.html
│ ├── certificadohtmlcss.html
│ ├── certificadoingles.html
│ ├── certificadomarcapersonal.html
│ ├── certificadopoo.html
│ ├── certificadopython.html
│ ├── certificadoscrum.html
│ └── certificadotecnico.html
│
├── docs/ # Archivos PDF descargables
│ ├── CERTIFICADO DE FLASK.pdf
│ ├── CERTIFICADO DE HTML Y CSS.pdf
│ ├── CERTIFICADO DE INGLES.pdf
│ ├── CERTIFICADO DE MARCA PERSONAL.pdf
│ ├── CERTIFICADO DE SCRUM.pdf
│ ├── CERTIFICADO DE VARIABLES Y ESTRUCTURAS.pdf
│ └── CERTIFICADO-DE-POO.pdf
│
└── images/ # Recursos visuales
├── favicon.ico
├── vscode.png
├── certificadoflask.jfif
├── certificadohtmlcss.jfif
├── certificadoingles.png
├── certificadomarcapersonal.png
├── certificadopoo.png
├── certificadopython.png
├── certificadoscrum.png
└── certificadotecnico.png
No requiere instalación de dependencias. Simplemente:
# 1. Clona el repositorio
git clone https://github.com/Sergio-Bustos/portfolio
# 2. Entra al directorio
cd portfolio
# 3. Abre el archivo principal en tu navegador
# Doble clic en index.html
# O con la extensión Live Server en VS Code💡 Recomendado: usar la extensión Live Server de VS Code para recarga automática al editar.
Sergio Andrés Bustos Mondragón
Desarrollador de Software · Técnico en Programación de Software — SENA
Hecho con 💜 por Sergio Andrés Bustos · Colombia 2025
