# Card

A card is a container that can display content related to a single subject. The content can consist of multiple elements of varying types and sizes.

# Default

<div class="goco-c-card">
  <p>Card Content</p>
</div>

# Raised

A card may be formatted to raise above the page.

<div class="goco-c-card goco-c-card--raised">
  <p>Card Content</p>
</div>

# Dark

<div class="goco-c-card goco-c-card--dark">
  <p>Card Content</p>
</div>