HTML/CSS Practice — Semester Project
Basic examples: typography · colors · UI controls · layout
Project overview
A semester project demonstrating core HTML and CSS: semantic tags, forms, responsive grid, tables, and small JavaScript interactivity.
Typography
Heading level 1
Heading level 2
Paragraph example — this is how regular text looks. Use clear, short sentences.
Italic sample · Bold sample
Color swatches
#111
Blue
Green
Gray
Orange
Color combinations tested for contrast and readability.
Buttons
Buttons demonstrate size, state, and disabled style.
Interactive elements & form (demo)
Form inputs are for demonstration only — the submit button is intentionally disabled.
Preview log — no data is sent anywhere.
Layout & table
Responsive card grid and a simple data table example.
Feature card
Short description of a feature area used for practice cards.
Another card
Testing spacing across columns at different screen sizes.
| No. | Exercise | Status |
|---|---|---|
| 1 | HTML structure | Done |
| 2 | CSS box model | Done |
| 3 | Responsive layout | In progress |
Images & media
