🔒 Premium Site Section

Module Grid Cards — At-a-Glance Curriculum Block

A grid of module cards — number, title, brief description, and optional outcome — that shows the full course at a glance, pilots a long-form sales page but the pattern fits any program where breadth needs to be proven in one screen.

Best for: Mid-page curriculum blocks on long-form sales pages where the visitor needs to feel the full scope of the course in a single glance.

Live preview — scroll inside the frame to see the full page.

What it does

  • Numbered module cards — each module carries a clear number so the sequence is obvious
  • Card grid layout — modules sit side by side at glanceable scale
  • Title and short description per card — each card names the module and summarizes what it covers in one or two lines
  • Optional outcome line — a short result statement under each module anchors it to a real takeaway
  • At-a-glance breadth signal — the grid format itself communicates 'this is comprehensive' before any reading

Best use cases

  • Course creators — module-overview grid on a long-form sales page
  • Cohort programs — phase grid showing the full arc
  • Certification programs — domain grid across the curriculum
  • Memberships — content-pillar grid
  • Workshops and intensives — session-grid 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, card surface, module-number accent, headline color, and dividers
  • Fonts — heading font for module numbers and titles, plus a body font for descriptions
  • Copy — section headline, intro line, module numbers, titles, descriptions, and outcome lines
  • Behavior — choose grid columns (two to four), how many modules display before a 'see all' option, and whether to add hover details
  • 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.