Butler+ Block Guide

Accordion

One Column: Two Buttons

Two styles available: White and Blue

White

Eyebrow

Heading

Content

Blue

Eyebrow

Heading

Content

Custom Image

Eyebrow

Heading

Content

Two Column: Callout Masonry

Heading

Card Link

Card Content

http://Picture%20of%20business%20students%20in%20class%20at%20Butler%20University
Card Link

Card Content

Two Column: Quote

Left Aligned Quote Heading

Left Aligned Quote Content

Description

Right Aligned Quote Heading

Right Aligned Quote Content

Description

Content Cards

Eyebrow

Headline



Body Text

(Image optional)

Card Headline

Card Body

(image optional)

Card Headline

Card Body

No image

Content Form

Eyebrow

Heading

Content here

Form Heading

Slate form (or other type of form) is displayed here
Scroll To Next Section

Custom Media

This block can showcase an image or a video, and it can use a secondary image as decoration layered behind the primary image/video.

Two available styles: Default and Flat

This block can feature one or more slides and will cycle through slides if there are more than one. Blue overlay on the images is optional, and an optional cutout image may be included.

Default Style

Flat

Hero – Mixed

Heading

Sub Heading

Content here

Hero – Video

Scroll To Next Section Scroll link

News Plus

Path Hero and Path Grid

Path grid is not configurable; displays pre-determined paths.

Path Hero pairs with the Path Grid, but could possibly be used on its own.

Path Hero

Crown at concert and blurred stage lights

Arts & Literature

A Doctor S Stethoscope On A Prescription Rx Pad

Healthcare

Business & Communication

Picture showing a young child writing in a notebook at school

Education & Counseling

Risk & Insurance

Program Hero

Serves as the Title area for a program. It contains shopping-cart functionality to save programs for later.

Configurable background image, heading, image links, search title, search link, and button link.

Programs By Path

Automatically displays programs by path selected via checklist in page editor. This example is displaying Arts & Literature.

Quick Facts

Two styles available: Old and New

Old

Heading

Content
20
Data point
15
Data Point

New

Heading

Content
20
Data point
15
Data point

Tab Grouping

Three styles available: Default, Inline, and Vertical

Default

Tab Group Headline

Tab Group Description

Inline

Tab Group Headline

Tab Group Description

Vertical

Tab Group Headline

Tab Group Description
Tab Title

tab item

Scrolling Tab

Eyebrow 1

Eyebrow 2

Bio 1Role 1
Bio 2Role 2

Table of Content

Heading

Content

Explore This Section

Two Column: Text/Buttons/Image

Serves as a callout for important information and up to 2 CTAs, where the first CTA is solid and primary and the second is ghosted.

Two styles available: Default and Decorative

Default

Decorative