Cards - MacSites

Card Types

Below are examples of the card varieties. The 2 main settings that can be set for cards are image shape (rectangle or circle) and card size (default or wide).

Cards with circle images can be set to images, icons or text. Cards set to the default size and rectangular images can have the title overlay the image.

Rectangle Wide - Left Aligned Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauri.

Rectangle Wide - Left Aligned Image with Link Learn More

Rectangle Wide - Right Aligned Image

Rectangle Wide - Right Aligned Image with Link Learn More

Title On Image Learn More

Rectangle Default

Rectangle Default with Link Learn More

Rectangle Default with Title Overlay

Rectangle Default with Title Overlay and Link Learn More

Circle Wide with Image

Circle Wide with Image and Link Learn More

MPS

Circle Wide with Text

MPS

Circle Wide with Text and Link Learn More

Circle Wide with Icon

Circle Wide with Icon and Link Learn More

Circle Default with Image

Circle Default with Image and Link Learn More

Circle Default with Icon

Circle Default with Icon and Link Learn More

MPS

Circle Default with Text

MPS

Circle Default with Text and Link Learn More

Rectangle Default - Text Only

Layout Example 1 - Static Cards - Info Boxes

Description 1

Description 2

Description 3

Layout Example 2 - Static Cards - Internal Links

Link 1 Learn More

Link 2 Learn More