About Page

The about page presents the practitioner's story through a profile hero, mission quote, narrative bio, credentials, career timeline, values, and therapeutic approach.

Section Flow

1

Profile Hero

Large centered photo, full name, title, location

2

Mission Quote

Blockquote with green left border accent

3

Bio

Long-form narrative in 15px body text, max-width 640px

4

Credentials Grid

4-column grid of certification/credential cards

5

Education

Degree + institution pairs in a timeline format

6

Timeline

Career milestones with year + description

7

Values

Core values in cards with icons

8

Approach

Therapeutic approach description with methodology cards

Mission Quote

“My mission is to make evidence-based mental health care accessible, transformative, and deeply human. Every client deserves a therapeutic experience rooted in science and delivered with compassion.”

-- Edward Flynn, LPC

Credentials Grid

LPC

Licensed Professional Counselor

NCC

National Certified Counselor

DBT-C

DBT Certified Clinician

EMDR

EMDR Certified Therapist

Timeline

2010Graduated with M.A. in Clinical Mental Health Counseling

2012Obtained LPC licensure, began private practice

2015Completed DBT Intensive Training at Behavioral Tech

2018Earned EMDR certification, expanded trauma specialization

2021Launched digital product line and online courses

2024Reached 2,000+ clients served across all modalities

CSS

css

/* About Page Layout */
.about-page {
  /* 1. Profile Hero — large photo + name + tagline */
  /* 2. Mission Quote — blockquote with green left border */
  /* 3. Bio Section — long-form narrative text */
  /* 4. Credentials Grid — grid-4 credential cards */
  /* 5. Education — timeline list */
  /* 6. Timeline — career milestones */
  /* 7. Values — icon + title + description cards */
  /* 8. Approach — methodology description */
}

/* Mission Quote */
.mission-quote {
  border-left: 3px solid #1db954;
  padding: 24px 32px;
  margin: 48px 0;
  background: rgba(191,90,242,0.04);
  border-radius: 0 12px 12px 0;
}
.mission-quote blockquote {
  font-size: 18px;
  font-style: italic;
  color: var(--text);
  line-height: 1.7;
}

/* Timeline */
.timeline-item {
  display: flex;
  gap: 24px;
  padding: 24px 0;
  border-bottom: 1px solid var(--border);
}
.timeline-year {
  font-size: 14px;
  font-weight: 700;
  color: #1db954;
  min-width: 60px;
}