Cards

Use cards to give structure to important content like pricing information

The .card class will give and element the default border, the default border-radius (rounded corners), and a shadow. The values of these items can be overridden, and they live in _variables.scss.

Organizations

Work with your team on GitHub.com and manage users with different permission levels.

Starting at $25 / month

Create an Organization

<div class="card" style="max-width: 300px;">
  <h3 class="border-bottom px-4 py-3">Organizations</h3>
  <p class="px-4 py-3 text-small">Work with your team on GitHub.com and manage users with different permission levels.</p>
  <p class="px-4"><span class="text-small d-block">Starting at</span>
  <span class="text-beta">$25</span><span class="text-small text-black"> / month</span>
  </p>
  <p class="border-top px-4 py-4 mb-0">
    <a href="#" class="btn btn-block btn-purple">Create an Organization</a>
  </p>
</div>