1. Shield list testing

  2. Inline list like numerical, but with shield icon

  3. One more for good measure

  1. Shield list testing

  2. Inline list like numerical, but with shield icon

  3. One more for good measure

10

Items In a List

100,000

Items In a List

10,000,000

Items In a List

10

Bordered

10,000

Bordered

1,000,000

Bordered

10,000,000

Bordered

10

Boxed

10,000

Boxed

1,000,000

Boxed

10,000,000

Boxed

These really benefit from being inside a container with content width wide.

1,000

Things in a Quick Fact List

1,000,000

Things in a Quick Fact List

10,000,000

Things in a Quick Fact List

These really benefit from being inside a container with content width wide. In a container with columns these will only go to two facts across in a column. Probably will only work with a 2:1 configuration or with small numbers in a 2 column layout.

Just Testing

With some text in a 1:2 container layout.

1,000

Things in a Quick Fact List

1,000,000

Things in a Quick Fact List

10,000,000

Things in a Quick Fact List

12

Items In a List

120

Items In a List

1200

Items In a List

12000

Items In a List

120000

Items In a List

1200000

Items In a List

12000000

Items In a List

  • Globe list style testing

  • Globe list style testing

  • Globe list style testing

  • Small globe list style testing

  • Small globe list style testing

  • Small globe list style testing

  • Shield list testing

  • More shield testing

  • Small list size testing

  • Just checking icon sizing

  • Reverse state for globe list

  • Reverse state for globe list

  • Reverse state for shield list

  • Reverse state for shield list

Light Slate Gray Background

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet neque a leo feugiat hendrerit eget eget nisi. Nullam vulputate arcu metus, sed cursus erat dignissim quis. Pellentesque tincidunt dictum tellus ac suscipit.

Duis et leo placerat, tempus dui et, euismod nibh. Sed ut dignissim quam, non efficitur tortor. Nullam eget scelerisque ante, et venenatis tellus. Duis id ligula gravida augue volutpat varius in nec leo.

Perpetual Purple Background

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet neque a leo feugiat hendrerit eget eget nisi. Nullam vulputate arcu metus, sed cursus erat dignissim quis. Pellentesque tincidunt dictum tellus ac suscipit.

Duis et leo placerat, tempus dui et, euismod nibh. Sed ut dignissim quam, non efficitur tortor. Nullam eget scelerisque ante, et venenatis tellus. Duis id ligula gravida augue volutpat varius in nec leo.

Shrine Tan Background

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet neque a leo feugiat hendrerit eget eget nisi. Nullam vulputate arcu metus, sed cursus erat dignissim quis. Pellentesque tincidunt dictum tellus ac suscipit.

Duis et leo placerat, tempus dui et, euismod nibh. Sed ut dignissim quam, non efficitur tortor. Nullam eget scelerisque ante, et venenatis tellus. Duis id ligula gravida augue volutpat varius in nec leo.

Dark Slate Background

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet neque a leo feugiat hendrerit eget eget nisi. Nullam vulputate arcu metus, sed cursus erat dignissim quis. Pellentesque tincidunt dictum tellus ac suscipit.

Duis et leo placerat, tempus dui et, euismod nibh. Sed ut dignissim quam, non efficitur tortor. Nullam eget scelerisque ante, et venenatis tellus. Duis id ligula gravida augue volutpat varius in nec leo.

Shrine Tan Background

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet neque a leo feugiat hendrerit eget eget nisi. Nullam vulputate arcu metus, sed cursus erat dignissim quis. Pellentesque tincidunt dictum tellus ac suscipit.

Duis et leo placerat, tempus dui et, euismod nibh. Sed ut dignissim quam, non efficitur tortor. Nullam eget scelerisque ante, et venenatis tellus. Duis id ligula gravida augue volutpat varius in nec leo.

Katz Green Background

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet neque a leo feugiat hendrerit eget eget nisi. Nullam vulputate arcu metus, sed cursus erat dignissim quis. Pellentesque tincidunt dictum tellus ac suscipit.

Duis et leo placerat, tempus dui et, euismod nibh. Sed ut dignissim quam, non efficitur tortor. Nullam eget scelerisque ante, et venenatis tellus. Duis id ligula gravida augue volutpat varius in nec leo.

three students seated at a table

Image Primary Test

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec odio quam, vehicula vitae justo a, sodales rhoncus enim. Suspendisse accumsan vehicula leo vitae commodo.

Image Gallery "Duo" Grid Test

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacus nunc, egestas eu vehicula eget, ullamcorper sed turpis. Fusce aliquet tortor vel velit dignissim euismod. Donec felis metus, tincidunt eget ex nec, venenatis posuere lectus. Nulla ac ipsum eget tellus congue iaculis. Maecenas in urna at enim facilisis vehicula. Morbi vehicula tincidunt neque vel dignissim. Etiam vel lectus consequat, viverra magna luctus, maximus ipsum.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vel tortor et nibh mollis tincidunt elementum at lectus. Sed turpis nulla, auctor vitae lectus at, auctor feugiat nisi. Nam eleifend mauris ac nunc ullamcorper, id luctus ipsum varius.

Image Gallery "Duo" Grid Test

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacus nunc, egestas eu vehicula eget, ullamcorper sed turpis. Fusce aliquet tortor vel velit dignissim euismod. Donec felis metus, tincidunt eget ex nec, venenatis posuere lectus. Nulla ac ipsum eget tellus congue iaculis. Maecenas in urna at enim facilisis vehicula. Morbi vehicula tincidunt neque vel dignissim. Etiam vel lectus consequat, viverra magna luctus, maximus ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vel tortor et nibh mollis tincidunt elementum at lectus. Sed turpis nulla, auctor vitae lectus at, auctor feugiat nisi. Nam eleifend mauris ac nunc ullamcorper, id luctus ipsum varius. Donec aliquet massa eget metus varius, id vehicula justo tempus. Nam at augue consequat tortor fermentum mollis. Fusce tellus elit, dapibus ut tristique et, dictum in magna.

Image Gallery "Duo" Grid Test

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacus nunc, egestas eu vehicula eget, ullamcorper sed turpis. Fusce aliquet tortor vel velit dignissim euismod. Donec felis metus, tincidunt eget ex nec, venenatis posuere lectus. Nulla ac ipsum eget tellus congue iaculis. Maecenas in urna at enim facilisis vehicula. Morbi vehicula tincidunt neque vel dignissim. Etiam vel lectus consequat, viverra magna luctus, maximus ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vel tortor et nibh mollis tincidunt elementum at lectus. Sed turpis nulla, auctor vitae lectus at, auctor feugiat nisi. Nam eleifend mauris ac nunc ullamcorper, id luctus ipsum varius. Donec aliquet massa eget metus varius, id vehicula justo tempus. Nam at augue consequat tortor fermentum mollis. Fusce tellus elit, dapibus ut tristique et, dictum in magna.

Image Gallery "Duo" Grid Test

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacus nunc, egestas eu vehicula eget, ullamcorper sed turpis. Fusce aliquet tortor vel velit dignissim euismod. Donec felis metus, tincidunt eget ex nec, venenatis posuere lectus. Nulla ac ipsum eget tellus congue iaculis. Maecenas in urna at enim facilisis vehicula. Morbi vehicula tincidunt neque vel dignissim. Etiam vel lectus consequat, viverra magna luctus, maximus ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vel tortor et nibh mollis tincidunt elementum at lectus. Sed turpis nulla, auctor vitae lectus at, auctor feugiat nisi. Nam eleifend mauris ac nunc ullamcorper, id luctus ipsum varius. Donec aliquet massa eget metus varius, id vehicula justo tempus. Nam at augue consequat tortor fermentum mollis. Fusce tellus elit, dapibus ut tristique et, dictum in magna.

New Custom Grid with Breakpoint Definitions

Grid Padding On

Grid Padding Off

Admissions Ambassadors

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam blandit, velit vel congue dapibus, tortor risus accumsan sem, at semper sapien nisl eu odio. Ut nec enim ex. Sed hendrerit massa tortor, et vestibulum elit facilisis at. Proin ac rutrum lorem. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec aliquam nibh vel dui eleifend, eget tincidunt elit consectetur. Nam interdum eu eros quis pulvinar. Vestibulum dui est, ultrices eu felis in, sollicitudin eleifend enim. Nunc eu mi ut lectus tempor accumsan at non odio. Sed finibus nibh metus, et mattis lectus fringilla ut. Vivamus nulla felis, dictum vitae condimentum id, fringilla vitae sapien.

SJD Scholars

Example of targeting a specific type of featured person from the Featured Category field (Admission Ambassador, Alumni, Donor, SJD Scholar, etc). Also an example of using a Directory Entry relationship instead of the featured person data. This entry points to a directory entry. Above Admissions Ambassador point to the featured person entry content.