Expandable Modules Accordion — Curriculum Depth Block
A curriculum preview where each module is a collapsed row that expands on click to reveal lessons, outcomes, and time estimates — pilots a course curriculum but the pattern fits any program preview where depth matters.
Best for: Mid-page curriculum previews on sales pages where visitors need to confirm depth and sequencing before reaching the pricing block.
Live preview — scroll inside the frame to see the full page.
What it does
- Collapsed module rows — each module shows title and one-line summary by default
- Click-to-expand reveal — opening a row smoothly grows it to show lessons, outcomes, and time estimates
- Lesson list per module — each expanded row contains a structured list of what's inside
- Outcome callouts — short outcome lines anchor each module to a clear result
- Optional time estimates — duration per module helps visitors judge commitment
- Scannable closed state — collapsed view reads like a table of contents
Best use cases
- Course creators — module breakdown on a sales page
- Cohort programs — phase-by-phase curriculum preview
- Certification programs — domain-by-domain syllabus reveal
- Memberships — content-pillar overview
- Workshops and intensives — session-by-session breakdown
What you can change with your DNA
When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:
- Colors — slots for section background, row background, divider lines, accent for the expand icon, and outcome highlights
- Fonts — heading font for module titles and a body font for lessons and outcomes
- Copy — section title, four to twelve module titles, summaries, lesson lists, outcomes, and time estimates
- Behavior — choose whether one row opens at a time or multiple, and tune the open/close speed
- Images — optional small icon per module for visual rhythm
How remixing works
From "swiped it" to "shipped it" in three steps.
Pick a remix
Browse the library, find one that fits — like this one.
Run it through your DNA
The remix skill uses your CCOS DNA to swap colors, fonts, copy, and structure so it lands as yours.
Ship it
Paste the finished HTML into Thinkific, Kajabi, WordPress, or any platform that takes embed code.
Create a new list
Save your favorites
Email me a magic link and I'll add this to your favorites list.