Cards

Card extensions

On this page

Card Title

.card-title - Semibold, 20px

Card Info

Warning strip between header and body:

Case Details

Note: Requires approval. Guidelines

Main card content here.

html

<div class="card">
<div class="card-header">Case Details</div>
<div class="card-info">
  <strong>Note:</strong> Requires approval. <a href="#">Guidelines</a>
</div>
<div class="card-body">
  Main card content here.
</div>
</div>

Person Cards

See Utilities

Testimonials

Rigtig god oplevelse med virkelig dygtige og professionelle terapeuter. Hurtig sagsbehandling!

Michael, 42

html

<div class="card border-0 bg-sand" style="max-width: 400px;">
<div class="card-body d-flex flex-column p-4">
  <blockquote class="blockquote mb-0">
    <p class="mb-3">Rigtig god oplevelse med virkelig dygtige og professionelle terapeuter. Hurtig sagsbehandling!</p>
    <footer class="blockquote-footer mt-auto">Michael, 42</footer>
  </blockquote>
</div>
</div>