Paragraphs Component Demo

This demonstration page shows every Paragraph section available on Basic pages, with sample text and populated fields.

Hero / Banner

Training course illustration

Learn with confidence

A sample hero banner with a supporting image, clear message, and next step.

View courses

Section Content

Training course illustration

A flexible content model

Rich text sections can combine a heading, formatted copy, an image, and a useful link.

Explore training

Webform

Demo Contact Form

Card Grid

Callout / Alert

Accordion

Who is this training for?
Training course illustration

The courses are designed for learners, community organizations, and professionals.

Read about us
How do I get started?
Training course illustration

Choose a course, review the lessons, and follow the activities at your own pace.

Find a course

Media Embed

Watch the course introduction

This media section uses a remote video item and demonstrates the media reference field.

View courses

Contact Card

Training Support

Contact our team for help choosing a course or navigating the learning portal.

Jordan Example
Program Support Specialist

100 Learning Way
Washington, DC 20001
United States

demo@example.org
+1-202-555-0142
+1-202-555-0143

Two Column Layout

A clear path to progress

Use a two-column section to balance related information.

Learn: Follow concise lessons and review key concepts.

Apply: Use activities to put new skills into practice.

Views Reference

Recent webinars

Learning from Legislative Wins to Scale Rent Reporting
Rent Reporting & SB 1157
Achieving Credit Strength: Programmatic Strategies for Supporting Returning Citizens