Skip to content
Aabha AI Academy
Skip to reading

HTML/CSS

Progressive version map

Every numbered folder is a complete runnable checkpoint. Open its index.html in the browser to see it; open the same file and stylesheet in an editor to read the code. No installation or build step is required. Versions 08 and 09 intentionally have identical application code.

  1. Version 00 — download the course ZIP (Extract it and follow the included setup instructions for versions/00/index.html.): First document and save–refresh loop.
  2. Version 01 — download the course ZIP (Extract it and follow the included setup instructions for versions/01/index.html.): Semantic event articles, dates, and arrival list.
  3. Version 02 — download the course ZIP (Extract it and follow the included setup instructions for versions/02/index.html.): Navigation, skip link, hero, and original image.
  4. Version 03 — download the course ZIP (Extract it and follow the included setup instructions for versions/03/index.html.): Labeled native controls and no-data local result page.
  5. Version 04 — download the course ZIP (Extract it and follow the included setup instructions for versions/04/index.html.): Linked CSS, selectors, colors, and typography baseline.
  6. Version 05 — download the course ZIP (Extract it and follow the included setup instructions for versions/05/index.html.): Box sizing, page width, image sizing, cards, and form styling.
  7. Version 06 — download the course ZIP (Extract it and follow the included setup instructions for versions/06/index.html.): Wrapping Flexbox header and navigation.
  8. Version 07 — download the course ZIP (Extract it and follow the included setup instructions for versions/07/index.html.): One-column Grid containers and explicit gaps.
  9. Version 08 — download the course ZIP (Extract it and follow the included setup instructions for versions/08/index.html.): Wide-screen media query, focus styling, overflow protection, print rules.
  10. Version 09 — download the course ZIP (Extract it and follow the included setup instructions for versions/09/index.html.): Release candidate: same code as 08; diagnosis and packaging are the new work.

Do not load several versions’ stylesheets together. To start over, copy one whole folder into a new working location. Assets are repeated deliberately so each checkpoint remains portable.

Download this source file