Table of Contents
Static Content
Basic page builder content blocks
Dynamic Content (Feeds)
Blocks that pull data from custom post types
- Feed: Posts Preview
- Card layout
- List layout
- Feed: Resources w/ Filters
- Feed: Team
Synced Content (Patterns)
Blocks with content is synced throughout the site (manage master instances)
Basic Typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
orem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- List item
- List item
- Sub list item
- List item
- List item
Buttons
Text Columns
Heading text lorem ipsum
This is a ‘Text Columns’ block that includes content in its intro section (both a heading and a description). If the block doesn’t have a heading or a description, the intro section is hidden.
One column of text with “left” column position. Lorem ipsum dolor sit amet consectetur. Est netus risus scelerisque arcu nulla. Tem pus velit imperdiet turpis sem eu pulvinar lectus lectus sit. Faucibus arcu auctor sed mi interdum vitae aliquam lacinia imperdiet. Sollicitudin id sit lectus viverra augue quam pellentesque
Heading text lorem ipsum
This is a ‘Text Columns’ block that includes content in its intro section (both a heading and a description). If the block doesn’t have a heading or a description, the intro section is hidden.
One column of text with “left” column position. Lorem ipsum dolor sit amet consectetur. Est netus risus scelerisque arcu nulla. Tem pus velit imperdiet turpis sem eu pulvinar lectus lectus sit. Faucibus arcu auctor sed mi interdum vitae aliquam lacinia imperdiet. Sollicitudin id sit lectus viverra augue quam pellentesque
One column of text with “center” column position. Lorem ipsum dolor sit amet consectetur. Est netus risus scelerisque arcu nulla. Tem pus velit imperdiet turpis sem eu pulvinar lectus lectus sit. Faucibus arcu auctor sed mi interdum vitae aliquam lacinia imperdiet. Sollicitudin id sit lectus viverra augue quam pellentesque
Two columns with “50% / 50%” column widths. Lorem ipsum dolor sit amet consectetur. Est netus risus scelerisque arcu nulla. Tem pus velit imperdiet turpis sem eu pulvinar lectus lectus sit. Faucibus arcu auctor sed mi interdum vitae aliquam lacinia imperdiet. Sollicitudin id sit lectus viverra augue quam pellentesque
Lorem ipsum dolor sit amet consectetur. Est netus risus scelerisque arcu nulla. Tem pus velit imperdiet turpis sem eu pulvinar lectus lectus sit. Faucibus arcu auctor sed mi interdum vitae aliquam lacinia imperdiet. Sollicitudin id sit lectus viverra augue quam pellentesque
Two columns with “40% / 60%” column widths.
Lorem ipsum dolor sit amet consectetur. Est netus risus scelerisque arcu nulla. Tem pus velit imperdiet turpis sem eu pulvinar lectus lectus sit. Faucibus arcu auctor sed mi interdum vitae aliquam lacinia imperdiet. Sollicitudin id sit lectus viverra augue quam pellentesque
Lorem ipsum dolor sit amet consectetur. Est netus risus scelerisque arcu nulla. Tem pus velit imperdiet turpis sem eu pulvinar lectus lectus sit. Faucibus arcu auctor sed mi interdum vitae aliquam lacinia imperdiet. Sollicitudin id sit lectus viverra augue quam pellentesque
Two columns with “60% / 40%” column widths.
Text + Media
Eyebrow
What Is Digital Inclusion?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed maximus libero eget tortor pulvinar vulputate. Vivamus eu bibendum augue. Nunc tempus, eros at placerat varius, urna
Eyebrow
What Is Digital Inclusion
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed maximus libero eget tortor pulvinar vulputate. Vivamus eu bibendum augue. Nunc tempus, eros at placerat varius, urna ipsum pellentesque dui, vitae condimentum purus risus at odio. Pellentesque convallis odio luctus risus tincidunt pulvinar. Aenean eu velit varius, fringilla lorem sit amet, imperdiet sapien. Nullam odio elit, placerat ut porttitor id, pellentesque sed ligula.
Eyebrow
What Is Digital Inclusion
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed maximus libero eget tortor pulvinar vulputate. Vivamus eu bibendum augue. Nunc tempus, eros at placerat varius, urna ipsum pellentesque dui, vitae condimentum purus risus at odio. Pellentesque convallis odio luctus risus tincidunt pulvinar. Aenean eu velit varius, fringilla lorem sit amet, imperdiet sapien. Nullam odio elit, placerat ut porttitor id, pellentesque sed ligula.
Eyebrow
oembed: right, center alignment
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed maximus libero eget tortor pulvinar vulputate. Vivamus eu bibendum augue. Nunc tempus, eros at placerat varius, urna ipsum pellentesque dui, vitae condimentum purus risus at odio. Pellentesque convallis odio luctus risus tincidunt pulvinar. Aenean eu velit varius, fringilla lorem sit amet, imperdiet sapien. Nullam odio elit, placerat ut porttitor id, pellentesque sed ligula.
Text + Quick Links
Eyebrow
Text + Quick Links with right links
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae facilisis turpis. Suspendisse dictum hendrerit efficitur. Fusce vitae quam feugiat, elementum risus at, lacinia libero. Nunc dignissim vestibulum est vel dapibus. Nullam vestibulum eget magna quis fringilla. Aliquam id hendrerit risus, eu facilisis massa.
Quick Links
-
Lorem Ipsum Dolor Sit
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae facilisis turpis. Suspendisse dictum hendrerit efficitur. Fusce vitae quam feugiat, elementum risus at, lacinia libero.
-
Lorem Ipsum Dolor Sit
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae facilisis turpis. Suspendisse dictum hendrerit efficitur. Fusce vitae quam feugiat, elementum risus at, lacinia libero.
-
Lorem Ipsum Dolor Sit
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae facilisis turpis. Suspendisse dictum hendrerit efficitur. Fusce vitae quam feugiat, elementum risus at, lacinia libero.
Eyebrow
Text + Quick Links with left links
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae facilisis turpis. Suspendisse dictum hendrerit efficitur. Fusce vitae quam feugiat, elementum risus at, lacinia libero. Nunc dignissim vestibulum est vel dapibus. Nullam vestibulum eget magna quis fringilla. Aliquam id hendrerit risus, eu facilisis massa.
Quick Links
-
Lorem Ipsum Dolor Sit
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae facilisis turpis. Suspendisse dictum hendrerit efficitur. Fusce vitae quam feugiat, elementum risus at, lacinia libero.
-
Lorem Ipsum Dolor Sit
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae facilisis turpis. Suspendisse dictum hendrerit efficitur. Fusce vitae quam feugiat, elementum risus at, lacinia libero.
-
Lorem Ipsum Dolor Sit
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae facilisis turpis. Suspendisse dictum hendrerit efficitur. Fusce vitae quam feugiat, elementum risus at, lacinia libero.
Callout
Eyebrow text
Heading text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas a neque nec lorem ultricies iaculis. Ut sed auctor est, eu mattis neque. Sed scelerisque neque a massa venenatis mollis. Morbi porttitor posuere ipsum, eget tincidunt sapien laoreet pulvinar. Vivamus egestas massa sed fringilla rutrum.
Eyebrow text
Heading text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas a neque nec lorem ultricies iaculis. Ut sed auctor est, eu mattis neque. Sed scelerisque neque a massa venenatis mollis. Morbi porttitor posuere ipsum, eget tincidunt sapien laoreet pulvinar. Vivamus egestas massa sed fringilla rutrum.
Eyebrow text
Heading text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas a neque nec lorem ultricies iaculis. Ut sed auctor est, eu mattis neque. Sed scelerisque neque a massa venenatis mollis. Morbi porttitor posuere ipsum, eget tincidunt sapien laoreet pulvinar. Vivamus egestas massa sed fringilla rutrum.
Eyebrow text
Heading text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas a neque nec lorem ultricies iaculis. Ut sed auctor est, eu mattis neque. Sed scelerisque neque a massa venenatis mollis. Morbi porttitor posuere ipsum, eget tincidunt sapien laoreet pulvinar. Vivamus egestas massa sed fringilla rutrum.
Eyebrow text
Heading text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas a neque nec lorem ultricies iaculis. Ut sed auctor est, eu mattis neque. Sed scelerisque neque a massa venenatis mollis. Morbi porttitor posuere ipsum, eget tincidunt sapien laoreet pulvinar. Vivamus egestas massa sed fringilla rutrum.
Accordion
HOW TO ADD BUTTON WITHIN ACCORDION CONTENT:
[button text="Button" url="http://url.com"]
[button text="New Window" url="http://url.com" new-window="true"]
[button text="Email" url="mailto:[email protected]"]
[button text="Email+Subject" url="mailto:[email protected]?subject=Subject"]Optional Accordion Block Heading
Optional intro copy goes here.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultricies massa, at porttitor nibh vehicula nec. Suspendisse potenti. Nunc in metus eleifend erat interdum finibus condimentum quis lorem. Maecenas id magna sed urna rutrum sagittis. Integer risus arcu, consectetur ut facilisis iaculis, ornare at nulla. Suspendisse mollis ullamcorper nibh, sed finibus libero tempor in. Cras pharetra est nec bibendum pellentesque.
Button Button (New Window)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultricies massa, at porttitor nibh vehicula nec. Suspendisse potenti. Nunc in metus eleifend erat interdum finibus condimentum quis lorem. Maecenas id magna sed urna rutrum sagittis. Integer risus arcu, consectetur ut facilisis iaculis, ornare at nulla. Suspendisse mollis ullamcorper nibh, sed finibus libero tempor in. Cras pharetra est nec bibendum pellentesque.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ornare ultricies massa, at porttitor nibh vehicula nec. Suspendisse potenti. Nunc in metus eleifend erat interdum finibus condimentum quis lorem. Maecenas id magna sed urna rutrum sagittis. Integer risus arcu, consectetur ut facilisis iaculis, ornare at nulla. Suspendisse mollis ullamcorper nibh, sed finibus libero tempor in. Cras pharetra est nec bibendum pellentesque.
Button with Email
Cards
Cards (text)
Optional description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu enim justo. Nam quis nunc fringilla, egestas sapien sit amet, vehicula justo.
Pellentesque vitae euismod arcu
Optional Button
Pellentesque vitae euismod arcu. Duis ultricies risus vitae commodo congue. Vivamus a ipsum id elit placerat consequat eu et neque. Phasellus in ex suscipit, lobortis nunc sed, sollicitudin leo. Sed et justo eget augue faucibus scelerisque.
Sed et justo
Pellentesque vitae euismod arcu. Duis ultricies risus vitae commodo congue. Vivamus a ipsum id elit placerat consequat eu et neque. Phasellus in ex suscipit, lobortis nunc sed, sollicitudin leo. Sed et justo eget augue faucibus scelerisque.
Duis ultricies risus vitae commodo
Pellentesque vitae euismod arcu. Duis ultricies risus vitae commodo congue. Vivamus a ipsum id elit placerat consequat eu et neque.
Cards (text)
Optional description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu enim justo. Nam quis nunc fringilla, egestas sapien sit amet, vehicula justo.
Pellentesque vitae euismod arcu
Optional Button
Pellentesque vitae euismod arcu. Duis ultricies risus vitae commodo congue. Vivamus a ipsum id elit placerat consequat eu et neque. Phasellus in ex suscipit, lobortis nunc sed, sollicitudin leo. Sed et justo eget augue faucibus scelerisque.
Sed et justo
Pellentesque vitae euismod arcu. Duis ultricies risus vitae commodo congue. Vivamus a ipsum id elit placerat consequat eu et neque. Phasellus in ex suscipit, lobortis nunc sed, sollicitudin leo. Sed et justo eget augue faucibus scelerisque.
Duis ultricies risus vitae commodo
Pellentesque vitae euismod arcu. Duis ultricies risus vitae commodo congue. Vivamus a ipsum id elit placerat consequat eu et neque.
Cards (text)
Optional description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu enim justo. Nam quis nunc fringilla, egestas sapien sit amet, vehicula justo.
Pellentesque vitae euismod arcu
Optional Button
Pellentesque vitae euismod arcu. Duis ultricies risus vitae commodo congue. Vivamus a ipsum id elit placerat consequat eu et neque. Phasellus in ex suscipit, lobortis nunc sed, sollicitudin leo. Sed et justo eget augue faucibus scelerisque.
Sed et justo
Pellentesque vitae euismod arcu. Duis ultricies risus vitae commodo congue. Vivamus a ipsum id elit placerat consequat eu et neque. Phasellus in ex suscipit, lobortis nunc sed, sollicitudin leo. Sed et justo eget augue faucibus scelerisque.
Duis ultricies risus vitae commodo
Pellentesque vitae euismod arcu. Duis ultricies risus vitae commodo congue. Vivamus a ipsum id elit placerat consequat eu et neque.
Cards (text)
Optional description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu enim justo. Nam quis nunc fringilla, egestas sapien sit amet, vehicula justo.
Pellentesque vitae euismod arcu
Optional Button
Pellentesque vitae euismod arcu. Duis ultricies risus vitae commodo congue. Vivamus a ipsum id elit placerat consequat eu et neque. Phasellus in ex suscipit, lobortis nunc sed, sollicitudin leo. Sed et justo eget augue faucibus scelerisque.
Sed et justo
Pellentesque vitae euismod arcu. Duis ultricies risus vitae commodo congue. Vivamus a ipsum id elit placerat consequat eu et neque. Phasellus in ex suscipit, lobortis nunc sed, sollicitudin leo. Sed et justo eget augue faucibus scelerisque.
Duis ultricies risus vitae commodo
Pellentesque vitae euismod arcu. Duis ultricies risus vitae commodo congue. Vivamus a ipsum id elit placerat consequat eu et neque.
Links List
Link List Optional Heading
Link List optional description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac imperdiet arcu. Sed tincidunt, ante eu bibendum vehicula, diam ante varius nibh, id venenatis tortor nisl a erat. Vivamus turpis leo, tincidunt eu erat vel, sagittis posuere mauris.
Example Page tagged as Resource
Optional description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac imperdiet arcu. Sed tincidunt, ante eu bibendum vehicula, diam ante varius nibh, id venenatis tortor nisl a erat. Vivamus turpis leo, tincidunt eu erat vel, sagittis posuere mauris.
Lorem Ipsum Dolor Sit Amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac imperdiet arcu. Sed tincidunt, ante eu bibendum vehicula, diam ante varius nibh, id venenatis tortor nisl a erat. Vivamus turpis leo, tincidunt eu erat vel, sagittis posuere mauris.
Google dot com
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac imperdiet arcu. Sed tincidunt, ante eu bibendum vehicula, diam ante varius nibh, id venenatis tortor nisl a erat. Vivamus turpis leo, tincidunt eu erat vel, sagittis posuere mauris.
Another Link Goes Right Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac imperdiet arcu. Sed tincidunt, ante eu bibendum vehicula, diam ante varius nibh, id venenatis tortor nisl a erat. Vivamus turpis leo, tincidunt eu erat vel, sagittis posuere mauris.
Testimonial
Video Gallery
Video Gallery Heading
Video gallery description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eget massa blandit, suscipit sapien nec, consequat elit. Integer vel nibh commodo, vehicula purus ut, interdum urna. Donec accumsan tincidunt venenatis.
YouTube video with no thumbnail provided
If no thumbnail is provided, the still iamge is loaded from the service.
Vimeo video with no thumbnail provided
If no thumbnail is provided, the still iamge is loaded from the service.
Video with thumbnail image provided
If an image is provided in WordPress, it will not fetch an image from the service.
Comparison Table
| Member Benefits | Affiliate | Affiliate+ | Corporate | Friend |
|---|---|---|---|---|
| Free Puppies with Membership? | ||||
| Free Puppies with Membership? | X | Yes, 12 puppies! | ||
| Are the puppies very soft? | ||||
| Are the puppies very soft? | X | X | X | X |
| Can I bring the puppies home? | ||||
| Can I bring the puppies home? | Go ask your mother | X | ||
Feed: Posts Preview
Automatic post feed (list view)
This feed shows automatically selected posts. Note: the excerpts below are really ugly because these posts include markup from the old page builder plugin.
Manual post feed (card view)
This feed shows manually selected posts. Note: the excerpts below are really ugly because these posts include markup from the old page builder plugin.
Feed: Resources w/ Filters
Feed: Team
Team Block Heading
Davida Delmar, (she/her)
Digital Inclusion Manager at AMERIND Critical Infrastructure
Shauna Edson, (she/her)
Senior Policy Manager
Valeria Ceballos Jáuregui, (she/her/ella)
Policy Associate
Gina D. Cooper Benjamin, (she/her)
Deputy Director
Kristenn Fortson, (she/her)
Communications Director
Paolo Balboa, (he/him)
Associate Director, Local Support