Facility Vision
A facility story page ready for milestones, giving progress, and transformation updates.
This Phase 4 page is static by design. Later phases will connect progress, updates, giving records, and public event details through the API/service layer.
Vision
The page explains why the facility matters and keeps the story readable on all screen sizes.
Milestones
Milestone cards will later receive structured data from a PHP-safe service/API layer.
Giving
Giving CTAs remain clear without overusing dark blue or gold outside the brand composition.
Responsive behavior
Facility content adapts by device.
Desktop supports richer side-by-side story blocks. Tablet keeps balanced two-column cards. Mobile web stacks milestones into readable cards with full-width actions.
| Device | Facility page behavior | Controls |
|---|---|---|
| Desktop | Hero and story blocks use two-column layout. | Inline buttons and desktop nav. |
| Tablet | Cards compress into balanced two-column sections. | Touch-sized buttons and wrapped toolbars. |
| Mobile web | All content stacks vertically with shorter copy blocks. | Full-width CTAs and offcanvas navigation. |