WYSIWYG text

Used primarily for rich text like articles, lists, and the like. Avaliable styles below:

The five boxing wizards jump quickly (h2)

The five boxing wizards jump quickly (h2 small)

The five boxing wizards jump quickly (h3)

The five boxing wizards jump quickly (h4) 

Lorem 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. (body/normal)

The five boxing wizards jump quickly (footnote)

 

  • Unordered List:

    • List item 1
    • List item 2 (bold)
    • List item 3 (emphasized)
    • List item 4
    • List item 5
  • Ordered List:

    1. List item 1
    2. List item 2 (bold)
    3. List item 3 (emphasized)
    4. List item 4
    5. List item 5

Buttons/Links


Pull Quote

Use pull quotes to highlight a specific piece of information in an article or page that is particularly important.

These parts are being used in some of the most demanding environments you can imagine
—Gary Cosmer

Media Galleries

Media galleries can be used to display a group of photos, videos, and 3d models in an easily navigable slideshow. They work best with three or more items, but function with as few as two.


Iframes/External forms

Primarily used for externally hosted forms, these flexible embedded iframes are fully responsive and can be used to easily insert contact forms on the site. If your form/iframe page can't have custom code inserted into it to allow for automatic resizing, you can define a default height.


Document links

Links to documents need to be handled differently than links for other web content. In order to have the correct behavior, use the document link module. There are three different views for documents, visible below


Images

Images can be added through our image selector tool, and can be reused throughout the site. Images always attempt to fill the width of the space that they are placed in, unless the size of the image is too small.

  • If a .png is too small to fill the width, it will not have a background color behind it.
  • If a non-png image is too small to fill the width, it will have a light gray background color that does fit the width.
Derby

Videos

We use YouTube and Vimeo as video players on our site. Videos will only load once a user clicks the video

Layout Paragraphs

Columnized layout

This is the main building block of most layouts on the site. It allows for responsive setup of a layout or grid with equal-width columns/grid items.

  •  

     

    4-column

     

     

  •  

     

    4-column

     

  •  

     

    4-column

     

  •  

     

    4-column

     

  •  

    3-column

     

  •  

    3-column

  •  

    3-column

  •  

    2-column

  •  

    2-column


Content with Sidebar

A layout type that allows for two unevenly-sized columns next to each other. the narrower sidebar column can be placed on either side of the content, but it always appears below the content on mobile devices.


Border Box

The Border Box paragraph can be used to create content that is enclosed in either a border or a gray box. The configuration options can be seen below.

  • Gray Header background

    Lorem 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

  • Blue Header background

    Lorem 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

  • Blue-Green Header background

    Lorem 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

  • No Header background

    Lorem 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Custom Paragraphs

Banner slider