MTSU Web Training Hub

MTSU Image Cards Block

Getting Started

The Image Content Card block displays a card-style layout featuring an image at the top, followed by a heading, supporting text, an optional list, and a call-to-action button. It is useful for highlighting featured content, promoting key pages, or presenting information in a visually structured and engaging way.


Accessibility Best Practice

Ensure the image includes descriptive alt text, headings are used in the correct order, and button text clearly describes the action. Lists and text should remain readable, and the card layout should maintain a logical reading order for screen reader users.


Image Cards Examples

Campus Scenes. Pedestrian Bridge connecting Student Services and Admissions Center and Student Union Building.

Card Title

sfdasdfsfsdafdsafsdfsdfsdfasdfdsfsd

  • List item 1
  • List item 2
MTSU students are spearheading a campus wide event — Hands Across MTSU — to publicly embrace all members of the Blue Raider community. Nov. 6, students, faculty, staff, alumni and supporters across campus joined hands to form a human chain “to promote unity and solidarity,”

Here’s some text

2013 MTSU football Homecoming Raider Walk Cheerleaders and Mascot Lightning

Campus Scenes. Pedestrian Bridge connecting Student Services and Admissions Center and Student Union Building.