Asset Library A. This page uses the “Homepage” template, which gives different variations of the display of each module than the “Default” or “no theme” templates. This is populated by the “Introduction” section within WP.

This heading is an H2

This section is an open text module at 100% width. Open text modules can be 100% width, or divided into two-column layouts using either a 40/60 or 60/40 split. This paragraph uses the “Large” font size option.

Photo and video team
Photo and video team

This is a paragraph with a thumbnail image set to align left to demonstrate how text wraps around images. Images can be aligned left, right, or center and have three size options; thumbnail, medium, and large. This paragraph uses the “Default” size. 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vestibulum laoreet mi at volutpat. Donec tristique nunc tellus, in rutrum nisl euismod at. Aenean cursus, tortor sit amet laoreet dictum, mauris lacus rutrum elit, et maximus odio orci ut ligula. Maecenas non egestas neque. Integer non turpis nibh. Nunc posuere, nibh id tristique posuere, mi lorem congue ex, a maximus dui arcu et justo. Curabitur erat nulla, lobortis sit amet condimentum at, suscipit ac quam. Nulla dapibus risus suscipit tortor suscipit consequat. Cras id enim magna. Nunc ornare mi at vulputate hendrerit. Etiam nec porta tortor, sed feugiat sem. Fusce vel enim eu leo vehicula scelerisque.

Nam nunc ante, congue euismod justo at, dictum malesuada neque. Duis iaculis, magna sit amet molestie imperdiet, orci nulla mattis nisi, eu suscipit eros enim sit amet massa. Suspendisse egestas, est non lobortis posuere, lorem tellus venenatis nunc, a auctor lorem metus in nisl. Sed felis tortor, tempor ac ante in, lobortis rhoncus nisi. Proin imperdiet pharetra leo. Praesent a ipsum eget risus feugiat lacinia. Suspendisse potenti. Aliquam fermentum, velit ut consectetur condimentum, felis mi lobortis tellus, a laoreet velit diam malesuada orci.

Open Text [40/60]

This is the 40% side. The following is the buttons module.

Buttons

This is a collection of buttons typically used as calls-to-action.

This is an H3. Headings within two-col modules are always left aligned.

Our open text modules allow for the following: 

  • Text
    • Paragraph [normal or large text]
    • Heading [h2 – h6]
    • List
    • Quote
    • Table
    • Details
    • Section Break [color] [small, large]
  • Media
    • Image [aligned left, right, or centered]
  • Design
    • Button [fill or outline] [normal or large]
    • Buttons (a collection of button elements that allows for tighter grouping)
  • Widgets
    • Shortcode
    • Custom HTML
  • Embeds
    • YouTube
    • Vimeo
    • Gravity Forms

Above is a Gravity Form. They should always be placed inside of an Open Text module to maintain proper spacing between sections/modules on the page.

Quote from John Shopkins

Pull quotes are heavily stylized when using the “Homepage” template. Ideally kept short and sweet, but are flexible enough to accommodate longer, more complicated messages.

Jay drinking a coffee and taking a selfie with a selfie stick

Other Open Text Module Content

The above H2 is styled differently on the “Homepage” template. It is center aligned and includes a small section break style detail underneath of the text. The color of this detail is not editable within WP. H2 elements lose this treatment when included within the 60/40 or 40/60 split “Open Text” modules. The rest of the headline styles are as follows:

This is an H3. Waltz, bad nymph, for quick jigs vex.

This is an H4. Sphinx of black quartz, judge my vow.

This is an H5. How vexingly quick daft zebras jump!
This is an H6. Glib jocks quiz nymph to vex dwarf.

H6 is frequently used as a combination of section break and headline especially in tighter areas like within sidebars or narrow columns in footers.

Quote

Quotes within the “Open Text” module are stylized differently than the main “Quote” module used on the Homepage template.

John Shopkins

YouTube Embed

Open Text 60/40

This is the 60% side. The following is the Vimeo embed module.

Vimeo Embed

Vimeo embeds simply require the URL of the video you’d like to embed onto the page.

Details Module

Details blocks require a summary

Then allows for a full answer or more comprehensive description within the expanded view. This allows extremely text-heavy content to be minimized and become more scan-able.

They can be stacked on top of one another or included within the flow of other content

Praesent aliquam ac odio a euismod. Duis et erat sit amet odio eleifend commodo. Aliquam eget mauris consequat, maximus magna eu, commodo augue. Sed a velit pellentesque, feugiat augue ut, pharetra ex. Fusce in lacinia velit. Suspendisse efficitur feugiat sapien, sed pulvinar nunc efficitur sed. Proin at odio a ex condimentum pretium. Vestibulum sit amet ligula a lorem malesuada consectetur eget in libero.

Pellentesque sed tellus congue, imperdiet ante nec

Ut massa ante, convallis sit amet magna quis, tincidunt faucibus mauris. Suspendisse cursus facilisis volutpat. Ut elementum lorem sit amet tellus fermentum, nec elementum elit hendrerit. Pellentesque volutpat risus ac libero ornare, in fermentum magna congue. Donec semper porttitor euismod. Vestibulum maximus nulla sit amet purus consequat vulputate. Cras gravida nunc purus, quis scelerisque risus rutrum id. Cras et tincidunt leo.