Front-End Practice Website Build

I’m learning front-end development and I need a small but complete website that I can dissect, tweak, and rebuild as part of my study routine. The site should be built purely with HTML, CSS, and vanilla JavaScript so I can see how each layer works without relying on frameworks. A simple multi-page layout (home, about, contact, plus one feature page of your choice) is ideal, and I’d like it to be fully responsive so I can understand media queries and mobile-first techniques.

Clean, well-named files and clear code comments are important; they’ll serve as my roadmap while I experiment. Feel free to include a few engaging UI touches—basic animations, a small form with validation, or a dynamic element driven by the DOM—so I can explore JavaScript interactivity. I’m not focusing on React yet, so please keep everything framework-free.

Deliverables:
• Complete source code (HTML, CSS, JS) organized in a structured folder system
• A brief README explaining project setup, file purpose, and where key features live
• Suggestions for step-by-step practice exercises I can try after delivery (e.g., “convert the nav into a hamburger menu”)

I’ll spin the project up locally, so no hosting needed—just a zipped folder or Git repo link is perfect.