HTML&CSS

WEB FOUNDATIONS • BEGINNER FRIENDLY

Learn HTML & CSS by building something you can share.

HTML gives a webpage structure. CSS controls its color, spacing, and personality. Explore the original lessons, then use both skills in a complete free project.

Build the Kindness Card →Browse free projects

ORIGINAL LEARNING ARCHIVE

Start with the foundations

These lessons preserve the site’s original student voice while introducing the two languages used to build and style webpages.

🏗️

Learning HTML

Understand headings, paragraphs, links, images, and the structure behind a simple webpage.

Read the original HTML lesson →

🎨

Learning CSS

Add colors, spacing, typography, borders, and layout so an HTML page feels designed.

Read the original CSS lesson →

PRACTICE NOW

Turn the basics into a finished Kindness Card

Copy the complete starter code, see the result immediately, personalize the message and colors, then explain one design choice.

Complete code35–45 minutesNo sign-up

Start the project →

Ready for interaction?

Continue with a JavaScript project: make a page react to a mood choice or build a focus timer with real countdown logic.

Build the Mood Check-In Build the Study Timer