<h1>Example heading <span class="badge bg-secondary">New</span></h1>
                                                            <h2>Example heading <span class="badge bg-secondary">New</span></h2>
                                                            <h3>Example heading <span class="badge bg-secondary">New</span></h3>
                                                            <h4>Example heading <span class="badge bg-secondary">New</span></h4>
                                                            <h5>Example heading <span class="badge bg-secondary">New</span></h5>
                                                            <h6>Example heading <span class="badge bg-secondary">New</span></h6>
                                                        
                                                    

                                                        
                                                            <h4 class="card-title">Right Align Badge</h4>
                                                                <div class="row gap-2">
                                                                    <div class="col-md-5">
                                                                        <button type="button" class="btn d-flex btn-light-primary w-100 d-block text-primary font-weight-medium">
                                                                          Primary <span class="badge ms-auto bg-primary">1</span>
                                                                        </button>
                                                                    </div>
                                                                    <div class="col-md-5">
                                                                        <button type="button" class="btn d-flex btn-light-info w-100 d-block text-info font-weight-medium">
                                                                          Info <span class="badge ms-auto bg-info">2</span>
                                                                        </button>
                                                                    </div>
                                                                    <div class="col-md-5">
                                                                        <button type="button" class="btn d-flex btn-light-warning w-100 d-block text-warning font-weight-medium">
                                                                          Warning <span class="badge ms-auto bg-warning">3</span>
                                                                        </button>
                                                                    </div>
                                                                    <div class="col-md-5">
                                                                        <button type="button" class="btn d-flex btn-light-danger w-100 d-block text-danger font-weight-medium">
                                                                          Danger <span class="badge ms-auto bg-danger">4</span>
                                                                        </button>
                                                                    </div>
                                                                    <div class="col-md-5">
                                                                        <button type="button" class="btn d-flex btn-light-success w-100 d-block text-success font-weight-medium">
                                                                          Success <span class="badge ms-auto bg-success">5</span>
                                                                        </button>
                                                                    </div>
                                                                    <div class="col-md-5">
                                                                        <button type="button" class="btn d-flex btn-light-secondary w-100 d-block text-secondary font-weight-medium">
                                                                          Secondary <span class="badge ms-auto bg-secondary">6</span>
                                                                        </button>
                                                                    </div>
                                                                </div>
                                                                <h4 class="card-title mt-3">Left Align Badge</h4>
                                                                <div class="row gap-2 mt-2">
                                                                    <div class="col-md-5">
                                                                        <button type="button" class="btn d-flex btn-light-primary w-100 d-block text-primary font-weight-medium">
                                                                           <span class="badge me-auto bg-primary">1</span>Primary
                                                                        </button>
                                                                    </div>
                                                                    <div class="col-md-5">
                                                                        <button type="button" class="btn d-flex btn-light-info w-100 d-block text-info font-weight-medium">
                                                                           <span class="badge me-auto bg-info">2</span> Info
                                                                        </button>
                                                                    </div>
                                                                    <div class="col-md-5">
                                                                        <button type="button" class="btn d-flex btn-light-warning w-100 d-block text-warning font-weight-medium">
                                                                           <span class="badge me-auto bg-warning">3</span> Warning
                                                                        </button>
                                                                    </div>
                                                                    <div class="col-md-5">
                                                                        <button type="button" class="btn d-flex btn-light-danger w-100 d-block text-danger font-weight-medium">
                                                                           <span class="badge me-auto bg-danger">4</span> Danger
                                                                        </button>
                                                                    </div>
                                                                    <div class="col-md-5">
                                                                        <button type="button" class="btn d-flex btn-light-success w-100 d-block text-success font-weight-medium">
                                                                           <span class="badge me-auto bg-success">5</span> Success
                                                                        </button>
                                                                    </div>
                                                                    <div class="col-md-5">
                                                                        <button type="button" class="btn d-flex btn-light-secondary w-100 d-block text-secondary font-weight-medium">
                                                                           <span class="badge me-auto bg-secondary">6</span> Secondary
                                                                        </button>
                                                                    </div>
                                                                </div>
                                                        
                                                    

                                                        
                                                            <h5 class="card-title">With Solid Background</h5>
                                                            <span class="badge bg-primary">Primary</span>
                                                            <span class="badge bg-secondary">Secondary</span>
                                                            <span class="badge bg-success">Success</span>
                                                            <span class="badge bg-danger">Danger</span>
                                                            <span class="badge bg-warning text-dark">Warning</span>
                                                            <span class="badge bg-info text-dark">Info</span>
                                                            <span class="badge bg-light text-dark">Light</span>
                                                            <span class="badge bg-dark">Dark</span>
                                                            <h5 class="card-title mt-3 border-top pt-3 mt-4">With Light Background</h5>
                                                            <span class="badge font-weight-medium bg-light-primary text-primary">Primary</span>
                                                            <span class="badge font-weight-medium bg-light-secondary text-secondary">Secondary</span>
                                                            <span class="badge font-weight-medium bg-light-success text-success">Success</span>
                                                            <span class="badge font-weight-medium bg-light-danger text-danger">Danger</span>
                                                            <span class="badge font-weight-medium bg-light-warning text-warning">Warning</span>
                                                            <span class="badge font-weight-medium bg-light-info text-info">Info</span>
                                                        
                                                    

                                                        
                                                        <h5 class="card-title">With Solid Background</h5>
                                                        <span class="badge rounded-pill bg-primary">Primary</span>
                                                        <span class="badge rounded-pill bg-secondary">Secondary</span>
                                                        <span class="badge rounded-pill bg-success">Success</span>
                                                        <span class="badge rounded-pill bg-danger">Danger</span>
                                                        <span class="badge rounded-pill bg-warning text-dark">Warning</span>
                                                        <span class="badge rounded-pill bg-info text-dark">Info</span>
                                                        <span class="badge rounded-pill bg-light text-dark">Light</span>
                                                        <span class="badge rounded-pill bg-dark">Dark</span>
                                                        <h5 class="card-title mt-3 border-top pt-3 mt-4">With Light Background</h5>
                                                        <span class="badge rounded-pill font-weight-medium bg-light-primary text-primary">Primary</span>
                                                        <span class="badge rounded-pill font-weight-medium bg-light-secondary text-secondary">Secondary</span>
                                                        <span class="badge rounded-pill font-weight-medium bg-light-success text-success">Success</span>
                                                        <span class="badge rounded-pill font-weight-medium bg-light-danger text-danger">Danger</span>
                                                        <span class="badge rounded-pill font-weight-medium bg-light-warning text-warning">Warning</span>
                                                        <span class="badge rounded-pill font-weight-medium bg-light-info text-info">Info</span>