Burger BarnLearn HTML & CSS by Building
Build a restaurant menu webpage from scratch — one concept at a time
Build a restaurant menu webpage from scratch — one concept at a time
You start with an empty HTML file and build up to a polished, responsive restaurant menu. Each stage introduces one concept and always leaves you with a working page you can open in your browser.
No frameworks. No build tools. Just HTML, CSS, and a browser.
| Stage | Concept | Status |
|---|---|---|
| 0 -- HTML Skeleton | Basic HTML document structure | Available |
| 1 -- Header & Intro | Headings and paragraphs | Available |
| 2 -- Semantic Sections | Semantic HTML elements | Available |
| Stage | Concept | Status |
|---|---|---|
| 3 — Menu Items | Reusable HTML patterns | -- |
| 4 — Footer | Page completion with footer | -- |
| Stage | Concept | Status |
|---|---|---|
| 5 — Basic CSS | CSS fundamentals | -- |
| 6 — Spacing | The CSS box model | -- |
| 7 — Menu Cards | Visual components with CSS | -- |
| Stage | Concept | Status |
|---|---|---|
| 8 — Flexbox Layout | Flexbox basics | -- |
| 9 — Polish & Responsive | Pseudo-classes and responsive design | -- |
| Technology | Version |
|---|---|
| HTML | 5 |
| CSS | 3 |
| Tools | Any text editor + any modern browser |
Complete beginners with no prior web development experience. You just need a text editor and a browser.