Pattern

HMI – Page/Header: Duo

This responsive header pattern features two columns with a reversed stacking order on smaller screens for better flow. It switches between two images depending on viewport size, showing an alternate responsive-only image on mobile. The layout adapts cleanly for both stacked and side-by-side display.

Button

Site Index

!HMI (Org) (ID: 70, Slug: org)
- Administrator (ID: 73, Slug: admin)
- Site (ID: 882, Slug: site)
  - DEV (ID: 912, Slug: dev)
    - Research (Index) (ID: 909, Slug: research)
  - Index (ID: 884, Slug: index)
- Team (ID: 926, Slug: team)
  - HMI (ID: 928, Slug: hmi)
    - Brian (ID: 930, Slug: brian)
      - Test (ID: 932, Slug: test)
        Research – Index (ID: 934, Slug: research-index)
        Test Page (ID: 938, Slug: test-page)
    - Sara (ID: 944, Slug: sara)
      - Test (ID: 945, Slug: test)
        Research – Index (ID: 947, Slug: research-index)
        Test Page (ID: 946, Slug: test-page)
  - Nliven (ID: 953, Slug: nliven)
    - Nihalee (ID: 955, Slug: nihalee)
      - Test (ID: 958, Slug: test)
About (ID: 878, Slug: about)
Blog (ID: 101, Slug: blog)
Donations (ID: 103, Slug: donations)
Education (ID: 105, Slug: education)
Global Coherence (GCI) (ID: 107, Slug: gci)
Heart Coherence (ID: 109, Slug: heart-coherence)
Home (ID: 46, Slug: home)
Membership (ID: 111, Slug: membership)
Research (ID: 113, Slug: research)
Resources (ID: 115, Slug: resources)
Science (ID: 880, Slug: science)
Store (ID: 117, Slug: store)
Support (ID: 119, Slug: support)
Training (ID: 121, Slug: training)