EPIC Layout Guide

Every page on the EPIC website is built from reusable layouts. Understanding these patterns makes the website easier to maintain, expand, and keep visually consistent.

1. Basic Content Section

The majority of pages on the EPIC website use this structure.

Body└── Section    └── Container        ├── Heading        ├── Paragraph        ├── Button        └── Image

2. Hero Layout

The Home page begins with a Hero section that introduces EPIC's mission and encourages visitors to take action.

Section└── Container    └── Two Column Grid        ├── Left Column        │   ├── H1        │   ├── Paragraph        │   └── Primary Button        └── Right Column            └── Hero Image

3. Three-Column Card Grid

Section└── Container    ├── H2    └── Grid (3 Columns)        ├── Card        ├── Card        └── Card