Skip to content

Design Library

Web Support & Usability

Main Navigation

Page Elements: Carousels

 A variety of snippets can be used within carousels to achieve different looks. It is suggested you use the same dimensions when using imagery so as to not disrupt the height or width of the carousel.

Option 1: Carousel + Grid + Panel: Text Align Left

 

Heading

Panel content goes here.

Action Link

Heading

Panel content goes here.

Action Link

Heading

Panel content goes here.

Action Link

Heading

Panel content goes here.

Action Link

Heading

Panel content goes here.

Action Link

Heading

Panel content goes here.

Action Link

Heading

Panel content goes here.

Action Link

Heading

Panel content goes here.

Action Link

Heading

Panel content goes here.

Action Link

 

Option 2: Carousel + Image with Caption

 

 

Option 3: Carousel + Image

 

Option 4: Text Only Carousel

 

 

“All our dreams can come true, if we have the courage to pursue them.” —Walt Disney

“The secret of getting ahead is getting started.” —Mark Twain

“It’s hard to beat a person who never gives up.” —Babe Ruth

 

 

Option 5: Carousel Team Cards

 

First Name Last Name

Department

Bio

Email | Phone | Office #

First Name Last Name

Department

Bio

Email | Phone | Office #

First Name Last Name

Department

Bio

Email | Phone | Office #

First Name Last Name

Department

Bio

Email | Phone | Office #

First Name Last Name

Department

Bio

Email | Phone | Office #

First Name Last Name

Department

Bio

Email | Phone | Office #

First Name Last Name

Department

Bio

Email | Phone | Office #

First Name Last Name

Department

Bio

Email | Phone | Office #

First Name Last Name

Department

Bio

Email | Phone | Office #

 

Resources

 

Design Library Home

Request Form

Guides

Helper Classes

 

Last Updated: 11/14/23