About This Project

Web Dev 2 — CSS Art & Web Design

Project logo

The Project

This website was built as part of the Web Dev 2 course. The core challenge was to create a complete illustration using only HTML and CSS — no images, no SVG, just pure code.

Beyond the art piece, the project also includes a fully functional multi-page website with a product gallery, about section, and contact form — all styled to match a cohesive visual identity.

Every shape, shadow, and gradient in the CSS illustration was constructed manually, demonstrating mastery of positioning, border-radius, box-shadow, and CSS transforms.

View the Art

Skills Demonstrated

CSS Art

Pure CSS illustration with zero images

HTML5

Semantic structure and accessibility

Responsive

Mobile-first layout with media queries

Visual Design

Cohesive colour palette and typography