skip to content
Contact
Home
Search

Icon with Text - Listing

Good for:

  • Displaying lists
  • Displaying a jump menu
  • Another form of navigation

Options

Page type used: Icon with text

Can be used in all row options except:

  • Single column - 675px width
  • Both 2 column options

Mobile: Wraps with no major changes

Logic: Limit of 20 items

Specs:

  • Image: 80x80
  • Alignment
    • Default: Center [Is no longer the case as of: May 8, 2026]
    • Optional: Left (but only the title and summary on the cards)
  • Cards can be links
  • Can show 5 or 4 items per row. Use this option when the text on a card overlaps another card.

Optional title

Optional sub title

Optional - Character limit: 2000
Optional - Character limit: 2000
This is the title
This is the summary
Icon with text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sodales tortor urna, vitae ullamcorper mi volutpat quis. Sed pulvinar, sem et mollis aliquet, mi tellus pellentesque turpis, tempus scelerisque risus nunc pretium arcu.
jump to section
This card is a link
It jumps to another location on the page
Another one
Go to some servcies
This card is also a link
It opens in a new window

4 cards per row

centered

Icon with text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sodales tortor urna, vitae ullamcorper mi volutpat quis. Sed pulvinar, sem et mollis aliquet, mi tellus pellentesque turpis, tempus scelerisque risus nunc pretium arcu.
Another one
jump to section
This card is a link
It jumps to another location on the page
Icon with text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sodales tortor urna, vitae ullamcorper mi volutpat quis. Sed pulvinar, sem et mollis aliquet, mi tellus pellentesque turpis, tempus scelerisque risus nunc pretium arcu.
Another one
jump to section
This card is a link
It jumps to another location on the page
Go to some servcies
This card is also a link
It opens in a new window

Left align cards

Looks better in smaller rows

Icon with text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sodales tortor urna, vitae ullamcorper mi volutpat quis. Sed pulvinar, sem et mollis aliquet, mi tellus pellentesque turpis, tempus scelerisque risus nunc pretium arcu.
Another one
jump to section
This card is a link
It jumps to another location on the page
Icon with text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sodales tortor urna, vitae ullamcorper mi volutpat quis. Sed pulvinar, sem et mollis aliquet, mi tellus pellentesque turpis, tempus scelerisque risus nunc pretium arcu.
Another one
jump to section
This card is a link
It jumps to another location on the page
Go to some servcies
This card is also a link
It opens in a new window

Light version

Optional sub title

Icon with text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sodales tortor urna, vitae ullamcorper mi volutpat quis. Sed pulvinar, sem et mollis aliquet, mi tellus pellentesque turpis, tempus scelerisque risus nunc pretium arcu.
Another one
jump to section
This card is a link
It jumps to another location on the page
Icon with text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sodales tortor urna, vitae ullamcorper mi volutpat quis. Sed pulvinar, sem et mollis aliquet, mi tellus pellentesque turpis, tempus scelerisque risus nunc pretium arcu.
Another one
jump to section
This card is a link
It jumps to another location on the page
Go to some servcies
This card is also a link
It opens in a new window