Portfolio Website - HTML/CSS/JavaScript

Un sitio web de portafolio moderno y responsivo construido con HTML, CSS y JavaScript puro.

🌟 Demo

Live Demo (disponible después del despliegue)

📸 Capturas de Pantalla

🚀 Características

• ✅ Diseño Responsivo: Adaptado para móviles, tablets y desktop
• ✅ Tema Oscuro/Claro: Toggle entre modos con persistencia en localStorage
• ✅ Menú Móvil: Menú hamburguesa funcional para dispositivos móviles
• ✅ Animaciones Suaves: Efectos de scroll y animaciones en el hero
• ✅ Navegación Suave: Scroll suave entre secciones
• ✅ Código Limpio: HTML semántico, CSS moderno y JavaScript vanilla

🛠️ Tecnologías

• HTML5: Estructura semántica
• CSS3: Variables CSS, Flexbox, Grid y animaciones
• JavaScript Vanilla: Sin dependencias externas
• Google Fonts: Tipografía Inter

📁 Estructura del Proyecto

portfolio/
├── index.html          # Página principal
├── styles.css          # Estilos CSS completos
├── script.js           # Funcionalidad JavaScript
├── images/             # Imágenes y recursos
├── CVMoises-Rodriguez.pdf  # CV en PDF
└── README.md           # Este archivo

🚀 Cómo Usar

Clonar el Repositorio

git clone https://github.com/alezzz23/portfolio.git
cd portfolio

Opción 1: Abrir Directamente

1. Abre index.html en tu navegador
2. ¡Listo!

Opción 2: Servidor Local (Recomendado)

# Con Python
python3 -m http.server 8000

# Con Node.js
npx http-server -p 8000

# Con PHP
php -S localhost:8000

Visita http://localhost:8000

🎨 Personalización

Cambiar Colores

Edita las variables CSS en styles.css:

:root {
    --primary-color: #33E092;
    --secondary-color: #0CCE6B;
    --tertiary-color: #16a34a;
}

Modificar Contenido

Edita index.html para personalizar:

• Información del hero
• Enlaces sociales
• Experiencia laboral
• Footer

📱 Responsive Breakpoints

• Móvil: < 768px
• Tablet: 768px - 1024px
• Desktop: > 1024px

🔧 Instalación de Dependencias

No se requieren dependencias externas. Todo el código es vanilla.

📝 Licencia

Este proyecto está bajo la Licencia MIT.

🤝 Contribuir

Las contribuciones son bienvenidas. Siéntete libre de:

1. Hacer un fork del proyecto
2. Crear una rama (git checkout -b feature/AmazingFeature)
3. Hacer commit de tus cambios (git commit -m 'Add some AmazingFeature')
4. Push a la rama (git push origin feature/AmazingFeature)
5. Abrir un Pull Request

📧 Contacto

• Email: moisesalejandro200713@gmail.com
• GitHub: @alezzz23

---

⭐ Si te gusta este proyecto, ¡dale una estrella!