Page Title Here

Subheading or tagline describing the page purpose

Section Heading

First paragraph of content. This section uses full-width layout with proper spacing between all elements. Paragraphs are automatically spaced 30px apart for optimal readability and WCAG AA compliance.

Second paragraph. Notice the generous spacing between paragraphs, which improves readability on both desktop and mobile. Line height is 1.6, which exceeds WCAG AA requirements (minimum 1.5).

Third paragraph. Font sizes automatically scale: Desktop 16px body → Tablet 15px → Mobile 14px. Headings also scale proportionally.

Section with Image

This layout works great for narrative sections with a featured image on the left. Image stays sticky as you scroll (desktop only), creating visual interest.

You can use the .two-column-grid class with optional .reverse class to flip the layout (image on right).

Mobile automatically stacks the image above the text, ensuring great readability on all devices.

Card Grid Section

Card One

Card content here. Cards automatically create a responsive grid that stacks on mobile.

Card Two

Minimum width on desktop: 280px. Maximum 3 columns before stacking. On tablet: 2 columns. Mobile: 1 column.

Card Three

Cards have hover effects, focus states, and box shadows for visual hierarchy and interactivity.

Ready to Move Forward?

Brief CTA text explaining what happens next or why they should click the button.

Schedule Your Consultation