Koning Willem I College – ‘s-Hertogenbosch
Course: Frontend Development
Year: 2
This project was created during the second year of the Frontend Development course at Koning Willem I College in ‘s-Hertogenbosch.
The goal was to design and develop a responsive, interactive frontend website entirely from scratch, without the use of frameworks like Bootstrap.
The assignment challenged students to focus on clean code, animation, responsive layouts, and a consistent user experience.
Artemis is an (fictional) animal shelter based in the Den Bosch region, focused primarily on pets in need. They welcome all animals, regardless of origin, health status, or the financial situation of the previous owner.
- HTML5 — Semantic structure and accessibility
- SCSS — Custom styling using SCSS (no CSS frameworks used)
- JavaScript — Dynamic behavior and interactivity
- GSAP (GreenSock Animation Platform) — Smooth animations and transitions
- Slickjs — A javascript library for sliders
- Fully responsive design for desktop, tablet, and mobile
- Animated components using GSAP
- Modular SCSS structure
- Clear navigation and visual consistency
- Developed and styled without prebuilt UI libraries or frameworks
- Clone or download the repository
- Open
index.htmlin your preferred browser - Enjoy the live experience of the Artemis frontend project
Made with 💻 at Koning Willem I College - By Pepijn Emmers