Crafty Cottage.

A coursework site for a fictional craft shop: multiple HTML pages, shared styling, and image-forward sections for home, activities, events, shopping, and a simple cart view.

Timeline
Spring 2023 — introductory web course deliverable
Role
Solo — layout, assets, and structure
Stack
HTML · CSS · static assets
The Crafty Cottage home page: navigation, hero imagery, and welcome headline
View code on GitHub

Milanote board

Creative planning and visual direction before build—structure, mood, and references that fed into the static pages and asset choices in the repo.

Learning goals

The project focused on semantic structure, consistent navigation, and visual hierarchy without a framework—classic multi-page patterns that map cleanly to how the public web still ships millions of small sites.

Pages like index.html, shop.html, and cart.html share a stylesheet so typography and spacing stay aligned as content changes.

What shipped in the folder

Multi-page IA

Separate routes for about, activities, events, and shop so navigation mirrors user intent.

Shared CSS

Central stylesheet for repeatable components and layout rhythm.

Imagery

Photo-driven sections to practice compression, alt text, and above-the-fold balance.

Explore

All projects

Return to the homepage grid to browse every case study and link.