Title Card Large

<!-- Card with large title-->
<h4 class="card-title-lg">Title Card Large</h4>
<div class="card">
  <div class="card-body">
    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
    <a href="#" class="btn btn-primary">Go somewhere</a>
  </div>
</div>

<!-- Card with select-->
<div class="card">
  <div class="card-body">
    <h5 class="card-title">Card title</h5>
    <select class="form-select" aria-label="form select">
      <option selected>Open this select menu</option>
      <option value="1">One</option>
      <option value="2">Two</option>
      <option value="3">Three</option>
    </select>
  </div>
</div>

<!-- Card with small title-->
<div class="card">
  <div class="card-body">
    <h5 class="card-title">Card title</h5>
    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
  </div>
</div>

<!-- Card with stats-->
<div class="card">
  <div class="card-body">
    <span class="card-title-stats">label Stats</span>
    <span class="card-text-stats">12</span>
  </div>
</div>

<!-- Card with KPI-->
<div class="row g-4">
  <div class="col">
    <div class="card">
      <div class="card-body kpi">
          <span class="kpi-stat">77</span>
          <h4 class="kpi-label">KPI Label</h4>
      </div> 
    </div>
  </div>
  <div class="col">
    <div class="card">
      <div class="card-body kpi">
          <span class="kpi-stat">217</span>
          <h4 class="kpi-label">KPI Label</h4>
      </div> 
    </div>
  </div>
  <div class="col">
    <div class="card">
      <div class="card-body kpi active">
          <span class="kpi-stat">21</span>
          <h4 class="kpi-label">KPI Label</h4>
      </div> 
    </div>
  </div>
</div>