FabAcademy – Home

Welcome

This index.html is a living example page with all components: cards, tabs, terminal commands (copy), collapsible code blocks (with line numbers), images + lightbox, video, tables, downloads, and tiles.

Tip: Reference theme (Hugo Book)

“Keep it readable. Keep it maintainable. Make it easy to document every week.”

Heading examples

Small uppercase heading

Normal paragraph with an inline link, bold text, and italic text. Inline code example: git status.

Small muted helper text.

Final Project

Project name

Concept, milestones, and updates

Weekly Assignments

Week 01

Text

Week 02

Text

Week 03

Text

Tabs inside a card

Overview Notes Links

This is a simple CSS-only tabs component. It works without JavaScript.

Use it to keep long documentation tidy (methods, steps, versions...).

Example: FabAcademy website

Terminal commands (copy)

Terminal · Git basics

git status
git add .
git commit -m "Update site"
git push

Terminal · Build

python -m http.server 8000

Collapsible Arduino code (copy + line numbers)

arduino · main.ino Show code


Code line
Code line
Code line

Code line
Code line
Code line
Code line
Code line
Code line

Code line
Code line
Code line

Code line
Code line
Code line
Code line
Code line
Code line