06 / JavaJam Coffee Bar

A responsive multi-page coffee shop website built for a college assignment.

JavaJam Coffee Bar was a web-development assignment focused on building a complete small website with semantic HTML, shared CSS, responsive layouts, forms, tables, audio, and multi-page navigation.

View GitHub

JavaJam Coffee Bar home page showing the responsive desktop layout

TypeCollege web-development assignment

Built withHTML and CSS

StructureResponsive multi-page website

PagesHome, Menu, Music, Jobs

What I built

Home, menu, music, and jobs pages connected through shared navigation.
A coffee menu with a pricing table and a jobs page with required form fields.
A music page using audio elements for monthly performer content.

Responsive layout

The shared stylesheet uses media queries, Flexbox, and CSS Grid to change navigation and page structure between smaller screens and desktop layouts.

Pages

JavaJam Coffee Bar menu page with coffee pricing table — Menu

JavaJam Coffee Bar music page with performer audio controls — Music

JavaJam Coffee Bar jobs page with application form — Jobs

What it shows

HTML structure

Semantic page sections, navigation, tables, forms, links, and media elements.

CSS layout

Shared styling, responsive breakpoints, Flexbox, Grid, and mobile navigation behavior.

Multi-page organization

Keeping a consistent visual system and navigation across separate pages.