Hero Image
The title, optional subtitle and buttons can appear on the left, center or right across the top, center or bottom of the image.
Content Box: This example includes a blockquote centered for desktop followed by a button.
Blue Content Box: This example includes a blockquote centered for desktop followed by a button.
Gray Content Box: This example includes a blockquote centered for desktop followed by a button.
Blue Testimonial Box
“Typically used for testimonials, this component almost always includes a blockquote.
“As in this case, it may also include an optional title, paragraph, attribution and button. Testimonial images must be square and may appear on the left or right.”
Name of Person Quoted
Year of Graduation or Job Title
Gray Testimonial Box
“Typically used for testimonials, this component almost always includes a blockquote.
“As in this case, it may also include an optional title, paragraph, attribution and button. Testimonial images must be square and may appear on the left or right.”
Name of Person Quoted
Year of Graduation or Job Title
Two-column Content Box: Typically, one of the two columns will include visual content like an image, video or VR link.
The other column typically contains complimentary text. This sample includes a blockquote and supporting text on the left and a YouTube video and poster image on the right. Visual content can appear in the left, right, or both columns.
Two-column Blue Content Box: Typically, one of the two columns will include visual content like an image, video or VR link.
The other column typically contains complimentary text. This sample includes a YouTube video and Samford poster image on the left and a blockquote with supporting text on the right. Visual content can appear in the left, right, or both columns.
Two-column Gray Content Box: Typically, one of the two columns will include visual content like an image, video or VR link.
The other column typically contains complimentary text. This sample includes a blockquote and supporting text on the left and a VR image link on the right. Visual content can appear in the left, right, or both columns.
Three-column Content Block
As in this case, this content block may include a title and short description and is used to visually convey congruent ideas in sets of three.
Column One
The content in each column should be relatively similar in length to the other columns to avoid introducing unsightly white space at some screen resolutions.
Column Two
The content in each column should be relatively similar in length to the other columns to avoid introducing unsightly white space at some screen resolutions.
Column Three
The content in each column should be relatively similar in length to the other columns to avoid introducing unsightly white space at some screen resolutions.
Three-column Blue Content Block
As in this case, this content block may include a title and short description and is used to visually convey congruent ideas in sets of three.
Column One
The content in each column should be relatively similar in length to the other columns to avoid introducing unsightly white space at some screen resolutions.
Column Two
The content in each column should be relatively similar in length to the other columns to avoid introducing unsightly white space at some screen resolutions.
Column Three
The content in each column should be relatively similar in length to the other columns to avoid introducing unsightly white space at some screen resolutions.
Three-column Gray Content Block
As in this case, this content block may include a title and short description and is used to visually convey congruent ideas in sets of three.
Column One
The content in each column should be relatively similar in length to the other columns to avoid introducing unsightly white space at some screen resolutions.
Column Two
The content in each column should be relatively similar in length to the other columns to avoid introducing unsightly white space at some screen resolutions.
Column Three
The content in each column should be relatively similar in length to the other columns to avoid introducing unsightly white space at some screen resolutions.
Three-column Blue Overlap
As in this case, this content block may include a title and short description and is used to visually convey congruent ideas in sets of three.
Column One
The content in each column should be relatively similar in length to the other columns to avoid introducing unsightly white space at some screen resolutions.
Column Two
The content in each column should be relatively similar in length to the other columns to avoid introducing unsightly white space at some screen resolutions.
Column Three
The content in each column should be relatively similar in length to the other columns to avoid introducing unsightly white space at some screen resolutions.
Two-column Blue Request for Information
This sample shows the heading, optional subheading and Slate Request for Information (RFI) form in the left column.
Loading...
First Heading
Additional information about the first thing.
- First Point
- Second Point
- Third Point
- Fourth Point
- Fifth Point
Second Heading
Some more information about a second thing.
Third Heading
Some more information about a third thing.
Fourth Heading
Some more information about a fourh thing.
Fifth Heading
Some more information about a fifth thing.
Two-column Gray Request for Information
This sample includes the title and an optional subhead positioned above the content columns.
First Heading
Additional information about the first thing.
- First Point
- Second Point
- Third Point
- Fourth Point
- Fifth Point
Second Heading
Some more information about a second thing.
Third Heading
Some more information about a third thing.
Fourth Heading
Some more information about a fourh thing.
Loading...
