Student Educational Resource Website Build

I’m building a small website that showcases student work and serves as a hub for educational resources. Everything must be written in clean, well-commented HTML, CSS and vanilla JavaScript—no frameworks this time, as the goal is to keep the codebase easy for classmates to study and extend later.

Core scope
• A lightweight, multi-page layout (Home, Resources, Projects, About).
• Responsive design so it reads well on mobiles, tablets and desktops.
• Simple, client-side interactivity—think collapsible resource lists, a searchable project gallery and smooth-scroll navigation.
• Clear folder structure and concise documentation so I can demonstrate best practices during review.

Acceptance criteria
• Passes W3C validation for HTML/CSS, and Lighthouse performance score above 85.
• JavaScript bundled or modularised logically, with no ESLint errors.
• Delivered as a zip or Git repo ready to open in any browser—no backend setup required.

If this sounds straightforward and you’re comfortable crafting neat, readable front-end code, I’d love to see a brief outline of how you’d tackle it and a couple of similar static sites you’ve built.