🔒 Premium Site Section

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.

01

Pick a remix

Browse the library, find one that fits — like this one.

02

Run it through your DNA

The remix skill uses your CCOS DNA to swap colors, fonts, copy, and structure so it lands as yours.

03

Ship it

Paste the finished HTML into Thinkific, Kajabi, WordPress, or any platform that takes embed code.