🔒 Premium Lesson Page

Comparison Table Lesson — Side-By-Side Selection Variant

A comparison-driven lesson layout that lays competing options side by side with selection criteria and worked examples — pilots medication-based pain management but the pattern fits any field where the learner has to choose between similar tools, products, or approaches.

Best for: Lessons where the core skill is comparing several similar options on a consistent set of attributes and choosing the right one for a situation.

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

What it does

  • Side-by-side comparison grid — every option ranked across the same attributes
  • Selection criteria explainer — what each attribute means and why it matters
  • Highlighted best-fit indicators — visual cues for when each option wins
  • Worked-example walkthroughs — case-style demos showing how to use the comparison to decide
  • Quick-reference card — a one-page summary the learner can revisit
  • Responsive lesson layout — readable on phone and tablet for in-context use

Best use cases

  • Healthcare — medication comparison, device comparison, treatment-protocol selection
  • Tech and software — tool comparison, integration choices, framework selection
  • Marketing — channel comparison, ad-platform comparison, agency-selection grids
  • Coaches and consultants — methodology comparison, intervention-selection guides
  • Cooking — ingredient or technique comparison
  • Personal finance — account, card, or investment-vehicle comparison

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 page background, grid-header background, highlight color for best-fit cells, callout color, and body text.
  • Fonts — two roles: a confident display face for option names and a clean body face for grid content.
  • Copy — option entries, attribute descriptions, best-fit notes, worked examples, summary.
  • Images — optional product imagery or icons for each row.
  • Behavior — choose whether the grid is filterable or static; tune how many options and attributes appear.

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.