Demos

Examples students can study.

Small code references, starter files, and downloadable examples for practicing the course material.

Frontend Foundations Demo Library

Downloadable HTML, CSS, and Bootstrap demos for students who want stable examples to read, copy, break, and revise.

 HTML & CSS Foundations

Two small repositories for practicing the separation between HTML structure and CSS presentation.

 Navigation Demo

A four-page navigation exercise for practicing repeated structure and active states.

 Bootstrap Customization

A guided demo for making Bootstrap feel more deliberate and closer to a Figma direction.

 HTML Demo Starter Files

Starter files for the first in-class HTML demo, intended for Phoenix Code or any basic code editor.