      <span class="badge badge-pill badge-warning">Warning</span>
        <span class="badge badge-pill badge-danger">Danger</span>
    </div>

    <div class="code-container" data-language="html"></div>
</div>

<div class="content"><h3>Badge Groups</h3></div>

<div class="card d-flex flex-column p-0">
    <div class="content">
        <!-- Badge Group -->
        <span class="badge-group d-flex mb-10" role="group" aria-label="Badge Group example">
            <span class="badge">Default</span>
            