Image list

Overview

Use the image list feature to showcase headings, descriptions, and images in a list-based format. Call-to-action buttons are optional. This feature works well for staff directories, and can also be used to highlight programs and services. It can be used in wide or narrow sections of your page.

Usage guidelines

  • Keep headings and descriptions compact.
  • Keep content left-aligned. Do not center or justify content.
  • Avoid linking generic phrases, such as "read more" or "learn more," especially in a repeated fashion. Instead, link descriptive text.
  • Use the same button color for each group of images.
  • Use matching image ratios, and keep image widths to 600 pixels or less. This will decrease page load time and improve search engine optimization.

Documentation

Mauris porttitor ullamcorper bibendum.

Nullam vulputate ante id interdum efficitur. Curabitur consequat quam diam, ac varius lacus tincidunt vel. Sed lobortis lorem a neque luctus, a dictum mi venenatis. Aenean aliquet eu ligula vel hendrerit. Donec id varius risus. Maecenas gravida interdum massa vitae viverra.

  • Curabitur consequat quam diam

    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Sign up today

  • SMU’s global alumni organization

    Maecenas gravida interdum

    Nullam vulputate ante id interdum efficitur. Curabitur consequat quam diam, ac varius lacus tincidunt vel. Sed lobortis lorem a neque luctus, a dictum mi venenatis. Aenean aliquet eu ligula vel hendrerit. Donec id varius risus. Maecenas gravida interdum massa vitae viverra.

    Get started