Guided Tutorial
A step-by-step tutorial layout for "learn X in N minutes" content. Numbered steps live in a left rail; the main area shows the current step's instructions and code snippets with manual span coloring (no external highlighter). A check-off button marks the current step done, and Previous / Next buttons walk through the flow. Progress is stateless — refreshing returns to step one.
Free to start · Nothing to install · Edit by hand or with AI
What’s inside
Eight sections, top to bottom:
- Install Git and check the version
- Set your identity
- Create a new repository
- Make your first commit
- Track changes with status and diff
- Branch, switch, merge
- Push to a remote
- You're ready
Learn Git in 10 Minutes
Before anything else, make sure Git is installed on your machine. Most macOS and Linux systems ship with it; Windows users can download it from the official Git website.
Look and feel
A light page set in the system sans-serif, built from navy, lilac, powder blue, purple and indigo.
- Navy
#1e1b4b - Lilac
#e9d5ff - Powder blue
#ede9fe - Purple
#6d28d9 - Indigo
#4c1d95
What it’s good for
- Lectures, lessons and training sessions
- Step-by-step tutorials and how-tos
- Sharing a lesson with a class by link
How it works
- Open Guided Tutorial in PageDuo — right in your browser, nothing to install.
- Replace the sample content (“Install Git and check the version”, “Set your identity” and “Create a new repository”) with your own, or tell the AI what you need and it rewrites the page in the Guided Tutorial style.
- Share the link with your class — nothing for them to install.
