Course Page

Course pages use a split hero with green gradient (left) and module list (right), followed by outcomes grid and expandable module accordion with lesson details.

Split Hero

12-Module Course

DBT Skills Mastery

Master all four DBT skill groups in this comprehensive, self-paced clinical course.

Modules

Content

4.9

Rating

Enroll Now — $197

Preview

Course Modules

Mindfulness Fundamentals

4 lessons · 45 min

Distress Tolerance

5 lessons · 60 min

Emotion Regulation

4 lessons · 55 min

Interpersonal Effectiveness

4 lessons · 50 min

Outcomes Grid

✓

Regulate Emotions

Practical tools for managing intense emotional experiences

✓

Build Resilience

Develop distress tolerance skills for crisis moments

✓

Improve Relationships

Interpersonal effectiveness strategies for better communication

✓

Practice Mindfulness

Core mindfulness techniques for present-moment awareness

Module Accordion

Mindfulness Fundamentals

4 lessons · 45 min

Lesson 1: Mindfulness Fundamentals Part 1

Lesson 2: Mindfulness Fundamentals Part 2

Lesson 3: Mindfulness Fundamentals Part 3

Lesson 4: Mindfulness Fundamentals Part 4

Distress Tolerance

5 lessons · 60 min

Lesson 1: Distress Tolerance Part 1

Lesson 2: Distress Tolerance Part 2

Lesson 3: Distress Tolerance Part 3

Lesson 4: Distress Tolerance Part 4

Lesson 5: Distress Tolerance Part 5

Emotion Regulation

4 lessons · 55 min

Lesson 1: Emotion Regulation Part 1

Lesson 2: Emotion Regulation Part 2

Lesson 3: Emotion Regulation Part 3

Lesson 4: Emotion Regulation Part 4

Interpersonal Effectiveness

4 lessons · 50 min

Lesson 1: Interpersonal Effectiveness Part 1

Lesson 2: Interpersonal Effectiveness Part 2

Lesson 3: Interpersonal Effectiveness Part 3

Lesson 4: Interpersonal Effectiveness Part 4

CSS

css

/* Course Page Layout */
.course-page {
  /* 1. Split Hero (green gradient + module list) */
  /* 2. Outcomes Grid */
  /* 3. Module Accordion */
}

/* Split Hero */
.course-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 500px;
}
.course-hero .gradient-side {
  background: linear-gradient(135deg, #2e7d32, #4caf50, #1db954);
  padding: 80px 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.course-hero .content-side {
  padding: 80px 48px;
  background: var(--bg);
}

/* Outcomes Grid */
.outcomes-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin: 64px 0;
}
.outcome-card {
  display: flex;
  gap: 16px;
  padding: 24px;
  background: #111113;
  border: 1px solid #27272a;
  border-radius: 16px;
}
.outcome-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(191,90,242,0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}