Slider Card
A slider block allows you to display multiple images or content slides that users can navigate through, typically used for showcasing featured content, student highlights and featured faculty.
It works by adding individual slides within a block, where each slide can contain text, images and CTA Buttons.
Slider Card Full Width
-
STUDENT SPOTLIGHTWALTER KIRKLAND: CYBER GUARDIAN OF THE GALAXY
Computer science major Walter Kirkland Jr. is set to become a cyber operations officer in the U.S. Space Force, America’s newest military branch “Space Force recruits the best of the best, and I’m eager to be part of its mission and culture.”
-
STUDENT SPOTLIGHT
DHAIRYA DESAI: PREPPING FOR A POSITIVE IMPACT IN MEDICINE
Dhairya Desai, a third-year pre-med Levine Scholar at UNC Charlotte, balances rigorous academics with impactful community service. Pursuing dual degrees in Chemistry and Biology, he’s engaged in groundbreaking research and leads initiatives to improve public health.
Slider Card Grid
Slider Card Grid provides users with the option of a header title, description and CTA button
Header Title
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum iusto deserunt quasi vero repellat asperiores, ea odit. Nobis nesciunt quos non omnis asperiores voluptatem quia, quibusdam consectetur dicta, corporis culpa.
When To Use This Component
This component should be used when you want to showcase multiple pieces of content in a dynamic, interactive way, especially when space is limited or when you want to feature several items without overwhelming the page. It’s ideal for highlighting a variety of images, information or announcements that need to catch the viewer’s attention.
USAGE EXAMPLES
- Showcase student, faculty or departmental accomplishment.
- Promote or highlight a new program by linking to programmatic page on the new academic site.
Component Dos & Don’ts
There might be a time when you don’t know whether to use a block links component or not. Here are some examples of how to effectively use a block link component at Charlotte and when you shouldn’t use one:
DO
Use images that are related to the title and description.
DON’T
Do not use a lot of characters for titles, descriptions and link texts. Refrain from using CTA image and CTA double components after using the slider component.
Component Design Options
Below you will find an example of the block links component and its various design options.
Editable Parts – section
- Eyebrow Text (optional)
- Title
- Description
- Button Text and Link (optional)
Editable Parts – component
- Layout: Full Width / Grid
- URL Text and Link (optional)
Color Combo: Gray, Black, White
Button Color: Green, Gold
-
STUDENT SPOTLIGHT
WALTER KIRKLAND: CYBER GUARDIAN OF THE GALAXY
Computer science major Walter Kirkland Jr. is set to become a cyber operations officer in the U.S. Space Force, America’s newest military branch “Space Force recruits the best of the best, and I’m eager to be part of its mission and culture.”
-
STUDENT SPOTLIGHT
DHAIRYA DESAI: PREPPING FOR A POSITIVE IMPACT IN MEDICINE
Dhairya Desai, a third-year pre-med Levine Scholar at UNC Charlotte, balances rigorous academics with impactful community service. Pursuing dual degrees in Chemistry and Biology, he’s engaged in groundbreaking research and leads initiatives to improve public health.