SITE_PLAN.md

🧭 Site Plan — Web Development Final

🎯 Purpose

Deliver a professional, accessible, and responsive portfolio website as the final assignment for the Web Development Module.

🗂️ Structure

• Homepage with hero, features, and slider
• About page with biography and counters
• Services page with cards and CTAs
• Gallery with lightbox and project descriptions
• Contact page with accessible form
• Credits page with license and acknowledgments

🎨 Design

• Dark theme by default, light mode toggle
• System UI typography with fluid scaling
• Brand blue accents and strong contrast
• SVG icons and optimized images

⚙️ Functionality

• Mobile menu toggle with ARIA and keyboard support
• Theme switcher with localStorage persistence
• Slider with autoplay, dots, and keyboard navigation
• Lightbox for gallery images
• Scroll reveal animations
• Animated counters
• Highlight mode for presentations

♿ Accessibility

• Skip links and semantic landmarks
• ARIA roles and labels
• Keyboard navigation and focus management
• Inline form validation with status feedback

🚀 Deployment

• GitHub Pages
• Netlify
• Vercel
  All URLs are listed in README.md

📦 Deliverables

• Source code
• Documentation: README.md, LICENSE.md, SITE_PLAN.md, CHANGELOG.md
• .zip archive: augusto-mate_web-development-final_v5.0.0.zip
• Live deployed version