GMA Page Kit
Reusable building blocks for content pages. Copy the matching HTML from docs/page-kit.md.
These are the on-brand, responsive components available when you build a page in Drupal. Each one below is rendered live so you can see it; the copy-paste HTML for every block is in the developer reference docs/page-kit.md. Use the documented class names exactly — they are what the theme styles.
Info card grid
A responsive 3-up grid (collapses to 2, then 1 on small screens).
Programs
Education, culture, finance and more for every member.
Community
Connect with Munnurukapu families across chapters.
Service
SEVA support for families in crisis, when it matters.
People / leader cards
Photo + name + title, in a responsive grid (see the Leadership page for a live example).
Full Name
Role / Title
Full Name
Role / Title
Table
Scrolls sideways on small screens so it never breaks the page.
| Year | Income | Programs |
|---|---|---|
| 2025 | $— | Academy, SEVA, Vanitha |
| 2024 | $— | Founded |
Buttons
Full reference
The complete copy-paste HTML for every component (hero, photo hero, two-column body, sidebar, info grid, people cards, inline images, image rows, tables, buttons) is in docs/page-kit.md in the project repository.