skip to content

Preheading

The Kitchen Sink

Example entry using all available block types. Use this for reference when considering which block types to use on a new page. Button can link to a Page, a Download, or a custom link.

Example Button

Lead Text Block

This block type can be used to introduce a page, provide a summary, and entice readers to continue reading the rest of the page. Background color can be customize along with an optional button.

Find a Lesson

General Block Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum porta massa vitae viverra ultrices. Morbi ac risus vel orci interdum viverra quis id eros. Mauris mauris mi, dictum sed est eu, consequat interdum lorem. Mauris vestibulum, nisi a elementum laoreet, enim quam cursus mi, quis lacinia diam ligula ut leo. Sed quam enim, hendrerit ut sem quis, semper pharetra odio. Nunc vel pellentesque velit, vitae lacinia lacus. Duis fermentum non sapien vitae iaculis.

Sed viverra, tellus elementum hendrerit commodo, lacus erat consectetur diam, vitae bibendum massa nunc non diam. Donec facilisis tortor massa, non sollicitudin diam rhoncus eget. Quisque vehicula hendrerit urna, sit amet placerat felis vestibulum eget. Curabitur id enim eget eros faucibus ornare a sed magna. Donec et arcu arcu. Nullam accumsan consequat felis tempor lobortis. Interdum et malesuada fames ac ante ipsum primis in faucibus. In hac habitasse platea dictumst.

Optional Button

R2 A1066

Example Feature Block

These "Feature Blocks" can be used for staggered content blocks, with images alternating positions on desktop. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum porta massa vitae viverra ultrices. Morbi ac risus vel orci interdum viverra quis id eros.

Optional Button

R2 A1027

Second Feature Block

Mauris mauris mi, dictum sed est eu, consequat interdum lorem. Mauris vestibulum, nisi a elementum laoreet, enim quam cursus mi, quis lacinia diam ligula ut leo. Sed quam enim, hendrerit ut sem quis, semper pharetra odio. Nunc vel pellentesque velit, vitae lacinia lacus.

Optional Button

Multiple Columns

First Column Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum porta massa vitae viverra ultrices. Morbi ac risus vel orci interdum viverra quis id eros. Mauris mauris mi, dictum sed est eu, consequat interdum lorem.

Optional Button

Second Column Heading

Mauris vestibulum, nisi a elementum laoreet, enim quam cursus mi, quis lacinia diam ligula ut leo. Sed quam enim, hendrerit ut sem quis, semper pharetra odio. Nunc vel pellentesque velit, vitae lacinia lacus. Duis fermentum non sapien vitae iaculis.

Optional Button

Third Column Heading

Quisque vehicula hendrerit urna, sit amet placerat felis vestibulum eget. Curabitur id enim eget eros faucibus ornare a sed magna. Donec et arcu arcu. Nullam accumsan consequat felis tempor lobortis.

Optional Button

Sidebar Quote Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum porta massa vitae viverra ultrices. Morbi ac risus vel orci interdum viverra quis id eros. Mauris mauris mi, dictum sed est eu, consequat interdum lorem. Mauris vestibulum, nisi a elementum laoreet, enim quam cursus mi, quis lacinia diam ligula ut leo.

Sed quam enim, hendrerit ut sem quis, semper pharetra odio. Nunc vel pellentesque velit, vitae lacinia lacus. Duis fermentum non sapien vitae iaculis. Sed viverra, tellus elementum hendrerit commodo, lacus erat consectetur diam, vitae bibendum massa nunc non diam. Donec facilisis tortor massa, non sollicitudin diam rhoncus eget.

Quisque vehicula hendrerit urna, sit amet placerat felis vestibulum eget. Curabitur id enim eget eros faucibus ornare a sed magna. Donec et arcu arcu. Nullam accumsan consequat felis tempor lobortis. Interdum et malesuada fames ac ante ipsum primis in faucibus. In hac habitasse platea dictumst.

Karly glenn square

Accordion Example

Optional description text appears before accordion items.

Curriculum Cards

Select which categories should be shown here. Optional description before cards appear.

Optional Button

Call To Action

Choose a background color for the parent block, and a separate color for the inner block if you'd like.

Optional Button

Form Block Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum porta massa vitae viverra ultrices. Morbi ac risus vel orci interdum viverra quis id eros. Mauris mauris mi, dictum sed est eu, consequat interdum lorem. 

Mauris vestibulum, nisi a elementum laoreet, enim quam cursus mi, quis lacinia diam ligula ut leo. Sed quam enim, hendrerit ut sem quis, semper pharetra odio. Nunc vel pellentesque velit, vitae lacinia lacus. Duis fermentum non sapien vitae iaculis.