Paragraphs Component Demo
This demonstration page shows every Paragraph section available on Basic pages, with sample text and populated fields.
Hero / Banner
Image
Learn with confidence
A sample hero banner with a supporting image, clear message, and next step.
Section Content
Image
A flexible content model
Rich text sections can combine a heading, formatted copy, an image, and a useful link.
Webform
Demo Contact Form
Card Grid
Callout / Alert
Accordion
Who is this training for?
Image
The courses are designed for learners, community organizations, and professionals.
How do I get started?
Image
Choose a course, review the lessons, and follow the activities at your own pace.
Media Embed
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
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.