Layout Examples

Testimonials & Case Studies & Clickable Cards

This page contains a few testimonial variations: one variation is a simple centered 1-column quote, and another variation pairs a quote with a featured case study. This page also contains a handful of useful pageblocks that feature the very versatile “clickable card”. We decided to break the Pageblock Master up into several smaller pages to help optimize the admin experience and to help with page load speeds.

If you’re looking for a different pageblock option altogether, simply use the left-hand sidebar navigation. The names in left-hand sidebar nav should be pretty intuitive. Also in the left-hand navigation, you’ll see that you can navigate to a handful of other “How To” pages that provide further info about how to administer this website.

Jenny Oppriecht

Marketing Director, Steve Brown Apartments

Jenny Oppriecht

Marketing Director, Steve Brown Apartments

Don't Put Any Text In Here

Featured Case Study (white bg)

“The entire testimonial goes in this area. It’s important that you’er mindful to format this text accordingly within paragraph tags. In order for the pre-title above to look correct, it needs to be formatted with the “pre-title” class.”

Firstname Lastname
Job title, Company Name

Title of Case Study Goes Here

This card looks best if you do NOT write text within this field – We recommend using only the “title” field on this module.

Don't Put Any Text In Here

Featured Case Study (light gray bg)

“The entire testimonial goes in this area. It’s important that you’er mindful to format this text accordingly within paragraph tags. In order for the pre-title above to look correct, it needs to be formatted with the “pre-title” class.”

Firstname Lastname
Job title, Company Name

Title of Case Study Goes Here

This card looks best if you do NOT write text within this field – We recommend using only the “title” field on this module.

Optional Pre-Title

H2 – 2-Col Text with Simple Clickable Cards (dark gray bg)

This pageblock is ideal for when you want to provide your users with a few utilitarian clickable options. No need to add icons, the header/title should be sufficient.

Short Simple Actionable CTA

Short Simple Actionable CTA

Short Simple Actionable CTA

If necessary, you could add a short blurb of text within this field to provide additional info.

Optional Pre-Title

H2 – 3-Col Large Clickable Image Cards (white bg)

This pageblock is great for teasing the Resource Hub. The large image cards add greater sophistication and emphasis to the whole visual presentation.

CTA Button Ghost

Title / Header Goes Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Title / Header Goes Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Title / Header Goes Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Optional Pre-Title

H2 – 3-Col Large Clickable Image Cards (light gray bg)

This pageblock is great for teasing the Resource Hub. The large image cards add greater sophistication and emphasis to the whole visual presentation.

CTA Button Ghost

Title / Header Goes Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Title / Header Goes Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Title / Header Goes Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Optional Pre-Title

H2 – 3-Col Clickable Image Cards (white bg)

This pageblock is great for teasing members of the Team.

Daniel Petersen

President

Rob Burkholder

Job Title

Don Epstein

Job Title

Kurt Sippel

Job Title

Firstname Lastname

Job Title

Firstname Lastname

Job Title

Optional Pre-Title

H2 – 3-Col Clickable Image Cards (light gray bg)

This pageblock is great for teasing members of the Team.

Daniel Petersen

President

Rob Burkholder

Job Title

Don Epstein

Job Title

Kurt Sippel

Job Title

Firstname Lastname

Job Title

Firstname Lastname

Job Title

Optional Pre-Title

H2 – 4-Col Clickable Image Cards (white bg)

This pageblock is great for teasing members of the Team.

Daniel Petersen

President

Rob Burkholder

Job Title

Don Epstein

Job Title

Kurt Sippel

Job Title

Firstname Lastname

Job Title

Firstname Lastname

Job Title

Firstname Lastname

Job Title

Optional Pre-Title

H2 – 4-Col Clickable Image Cards (light gray bg)

This pageblock is great for teasing members of the Team.

Daniel Petersen

President

Rob Burkholder

Job Title

Don Epstein

Job Title

Kurt Sippel

Job Title

Firstname Lastname

Job Title

Firstname Lastname

Job Title

Firstname Lastname

Job Title