- Home >
- CIT >
- Website Development
- > Component Examples
Component Examples
All Possibilities
Accordions
Action Button
Alert Box
ATTENTION! Deadline is April 29 for application submission!
Banner Image
(for use on landing pages)
Blue Image Cards
Cards

A space for work, a space for play: TSU Receives Innovator Award of the Year A space for work, a space for play: TSU Receives Innovator Award of the Year

TSU Campus Named The Campus of the Future 2026 TSU Campus Named The Campus of the Future 2026
Contact Card
Department Banner Image
Events Section
04/02/2025 Class Party 04/04/2025 International Student Potluck
upcoming events
Full Width One Column Card
Full Width Two Column Card
Image and Text Two Columns

The Illustrative AOB is Back in the House!
https://www.tnstate.edu/music/aristocrats.aspx
Image Cards with Horizontal Text

Gashawbeza Bekele, PhD
Professor of Geography
Images with Captions
Studies on Abiotic Stress in Switchgrass and Foxtail Millet
Image with Horizontal Lines

Image with Textbox
Menu Dropdowns
Menu Tabs
Section Heading
Videos
Lainey at it AGAIN!
data:image/jpeg;base64,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
https://www.youtube.com/watch?v=kvfHSKojdiI