Block Examples
Default Headings
Heading levels should be chosen based on the content structure NOT based on appearance. The size of the heading can be changed. (WAI artilce on choosing heading levels.)
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Font Sizes
XXLarge – lorum ipsum consectetur adipiscing elit.
XLarge – lorum ipsum dolor sit amet, consectetur adipiscing elit.
Large – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tortor sapien, imperdiet vitae fringilla eu, posuere et risus.
Medium – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tortor sapien, imperdiet vitae fringilla eu, posuere et risus.
Regular – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tortor sapien, imperdiet vitae fringilla eu, posuere et risus. Suspendisse potenti. Etiam faucibus venenatis tincidunt.
Default – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tortor sapien, imperdiet vitae fringilla eu, posuere et risus. Suspendisse potenti. Etiam faucibus venenatis tincidunt.
Groups
Wide width and full width won’t work when there is a sidebar. The template type will need to be Featured (post) or No sidebar (page).
Default width
Wide width
Full width
Backgrounds
Red
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tortor sapien, imperdiet vitae fringilla eu, posuere et risus. Suspendisse potenti. Etiam faucibus venenatis tincidunt.
Grey
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tortor sapien, imperdiet vitae fringilla eu, posuere et risus. Suspendisse potenti. Etiam faucibus venenatis tincidunt.
White
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tortor sapien, imperdiet vitae fringilla eu, posuere et risus. Suspendisse potenti. Etiam faucibus venenatis tincidunt.
Black
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tortor sapien, imperdiet vitae fringilla eu, posuere et risus. Suspendisse potenti. Etiam faucibus venenatis tincidunt.
Cover (background image)
Standard Cover (default width)
Cover with fixed background (parallax)
Cover with groups with parallax
Lorem ipsum
Group 2
Buttons
Quotes
Quote – Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
Name, Title
Pull quote – Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
Verse - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut tortor sapien, imperdiet vitae fringilla eu, posuere et risus. Suspendisse potenti. Etiam faucibus venenatis tincidunt.
Quote – Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut.
Name, Title
Quote – Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut.
Name, Title
Quote – Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut.
Name, Title
Quote – Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut.
Name, Title
Tables
Default
| Name | Age | Color |
|---|---|---|
| Mr. Wiskers | 6 | Tabby |
| Mittens | 2 | Black and white |
| Buffy | 9 | Grey, white, and tan |
Striped
| Name | Age | Color |
|---|---|---|
| Mr. Wiskers | 6 | Tabby |
| Mittens | 2 | Black and white |
| Buffy | 9 | Grey, white, and tan |
Default (Dark BG)
| Name | Age | Color |
|---|---|---|
| Mr. Wiskers | 6 | Tabby |
| Mittens | 2 | Black and white |
| Buffy | 9 | Grey, white, and tan |
Striped (Dark BG)
| Name | Age | Color |
|---|---|---|
| Mr. Wiskers | 6 | Tabby |
| Mittens | 2 | Black and white |
| Buffy | 9 | Grey, white, and tan |
Lists
Bullets
- Item A
- Item B
- Item C
- Item D
Numbered
- Item A
- Item B
- Item C
- Item D
Spacing
Large
Medium
Small
Extra small
(end)
Media
Image
caption
Photography donated by Bob Bancroft showing a mainland moose, donated July 10, 2023Gallery (w/ wide width)
caption
Photography donated by Bob Bancroft showing a mainland moose, donated July 10, 2023
caption
Volunteers from Future Majority promote youth voting in Whitby, Ontario, in 2019 to make real change on issues young people care about — like climate change, affordability, racial justice and mental health.
caption
Future Majority volunteers have found young people are more receptive to voting information shared by another young person, especially if it’s someone they know.
caption
Nicole Myers performs a solo dance number at Thunderstruck Dance Competition in 2016.Video Embed
Custom
Icon
Icon Link
Horizontal
Vertical
Background Video
Lorem ipsum
Background Image
Also see the Cover Block
Background Color (Deprecated)
Use the Group Block instead.