<div class="card">
  <h5 class="card-header">Badges</h5>
  <div class="card-body">
    <div class="demo-inline-spacing">

      <span class="badge rounded-pill text-bg-primary">Dark</span>
      <span class="badge rounded-pill text-bg-secondary">Secondary</span>
      <span class="badge rounded-pill text-bg-danger">Danger</span>
      <span class="badge rounded-pill badge-outline-secondary">Outline</span>

      <span class="badge rounded-pill text-bg-info">
        <i class="icon-base bx bx-badge-check"></i> Verified
      </span>

      <span class="badge badge-center rounded-pill text-bg-dark">8</span>
      <span class="badge badge-center rounded-pill text-bg-danger">9</span>
      <span class="badge rounded-pill badge-outline-secondary">16+</span>

    </div>
  </div>
</div>