Add personal portfolio website for Vale2029

[Copilot]

Implements a complete personal portfolio website as requested in issue Vale2029, meeting all HTML/CSS/JS course requirements for student submission.

Implementation

Structure (Vale2029/index.html)

• Header with Vale2029 branding and smooth-scroll navigation
• Hero section with animated typing effect
• About Me section with 5 technical skill badges
• Projects section with 3 expandable project cards
• Contact section with functional form and social links

Styling (Vale2029/style.css)

• CSS custom properties for purple/pink gradient theme
• Responsive grid/flexbox layouts with mobile breakpoint at 768px
• Card-based design with hover transforms and shadows
• Fade-in animations triggered by Intersection Observer

Interactivity (Vale2029/script.js)

• Toggle buttons reveal/hide project details
• Scroll-triggered section animations using Intersection Observer API
• Dynamic back-to-top button (appears after 300px scroll)
• Form submission handler with validation
• Hero subtitle typing effect (80ms char delay)

Documentation (Vale2029/README.md)

• GitHub Pages deployment instructions with repo-specific URL
• Netlify drag-and-drop deployment guide
• Local development setup options (Python, Node, VS Code)

Preview

Live URL (after Pages activation): https://thejsarchitects.github.io/ModuloOneJavascriptCohorte5/Vale2029/

Files

Vale2029/
├── index.html  # 10KB, semantic HTML5
├── style.css   # 8.5KB, native CSS with animations
├── script.js   # 7.2KB, vanilla JS (11 event listeners)
└── README.md   # 5.5KB, deployment guides

CodeQL: 0 vulnerabilities

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Vale2029</issue_title>
<issue_description>📚 TAREA: Creación de tu Portafolio Web Personal

👋 ¡Hola, mis queridos estudiantes!
En esta actividad pondremos en práctica todo lo aprendido hasta ahora en HTML, CSS y un poco de JavaScript.
El objetivo es que diseñen y desarrollen su primer portafolio web personal, donde muestren quiénes son como futuros desarrolladores/as. 🚀

🧩 Requisitos mínimos:

Estructura HTML clara con las siguientes secciones:

Encabezado con tu nombre y/o logo.

Sección “Sobre mí”.

Sección de “Proyectos” (mínimo 2 ejemplos o simulaciones).

Sección de “Contacto” (puede incluir correo o formulario).

Diseño con CSS nativo.

Usa colores coherentes, tipografía legible y una estructura limpia.

Añadir una pequeña interacción, como un botón “Ver más”, un efecto al hacer scroll o una animación simple.

Publicación:

Sube tu proyecto a GitHub Pages o Netlify para que sea accesible en línea.

Incluye el enlace de tu portafolio en la entrega junto al enlace del repositorio.</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes 1.Portafolio Personal #1

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.