h1.عنوان مثال جدید

                                                                
                                                                    <h1>h1.عنوان مثال <span class="badge bg-primary">جدید</span></h1>
                                                                    <h2>h2.عنوان مثال <span class="badge bg-secondary">جدید</span></h2>
                                                                    <h3>h3.عنوان مثال <span class="badge bg-success">جدید</span></h3>
                                                                    <h4>h4.عنوان مثال <span class="badge bg-info">جدید</span></h4>
                                                                    <h5>h5.عنوان مثال <span class="badge bg-warning">جدید</span></h5>
                                                                    <h6>h6.عنوان مثال <span class="badge bg-danger">جدید</span></h6>
                                                                
                                                            

                                                                
                                                                    <!-- نشان‌های پیش‌فرض -->
                                                                    <span class="badge bg-primary me-1">اصلی</span>
                                                                    <span class="badge bg-secondary me-1">ثانویه</span>
                                                                    <span class="badge bg-success me-1">موفقیت</span>
                                                                    <span class="badge bg-info me-1">اطلاعات</span>
                                                                    <span class="badge bg-warning me-1">هشدار</span>
                                                                    <span class="badge bg-danger me-1">خطر</span>
                                                                    <span class="badge bg-dark me-1">تاریک</span>
                                                                    <span class="badge bg-purple me-1">بنفش</span>
                                                                    <span class="badge bg-pink me-1">صورتی</span>
                                                                    <span class="badge bg-orange me-1">نارنجی</span>
                                                                    <!-- نشان‌های کپسولی -->
                                                                    <span class="badge bg-primary rounded-pill me-1">اصلی</span>
                                                                    <span class="badge bg-secondary rounded-pill me-1">ثانویه</span>
                                                                    <span class="badge bg-success rounded-pill me-1">موفقیت</span>
                                                                    <span class="badge bg-info rounded-pill me-1">اطلاعات</span>
                                                                    <span class="badge bg-warning rounded-pill me-1">هشدار</span>
                                                                    <span class="badge bg-danger rounded-pill me-1">خطر</span>
                                                                    <span class="badge bg-dark rounded-pill me-1">تاریک</span>
                                                                    <span class="badge bg-purple rounded-pill me-1">بنفش</span>
                                                                    <span class="badge bg-pink rounded-pill me-1">صورتی</span>
                                                                    <span class="badge bg-orange rounded-pill me-1">نارنجی</span>
                                                                
                                                            

                                                                
                                                                    <!-- نشان‌های حاشیه‌دار -->
                                                                    <span class="badge badge-outline-primary me-1">اصلی</span>
                                                                    <span class="badge badge-outline-secondary me-1">ثانویه</span>
                                                                    <span class="badge badge-outline-success me-1">موفقیت</span>
                                                                    <span class="badge badge-outline-info me-1">اطلاعات</span>
                                                                    <span class="badge badge-outline-warning me-1">هشدار</span>
                                                                    <span class="badge badge-outline-danger me-1">خطر</span>
                                                                    <span class="badge badge-outline-dark me-1">تاریک</span>
                                                                    <span class="badge badge-outline-purple me-1">بنفش</span>
                                                                    <span class="badge badge-outline-pink me-1">صورتی</span>
                                                                    <span class="badge badge-outline-orange me-1">نارنجی</span>
                                                                    <!-- نشان‌های حاشیه‌دار کپسولی -->
                                                                    <span class="badge badge-outline-primary rounded-pill me-1">اصلی</span>
                                                                    <span class="badge badge-outline-secondary rounded-pill me-1">ثانویه</span>
                                                                    <span class="badge badge-outline-success rounded-pill me-1">موفقیت</span>
                                                                    <span class="badge badge-outline-info rounded-pill me-1">اطلاعات</span>
                                                                    <span class="badge badge-outline-warning rounded-pill me-1">هشدار</span>
                                                                    <span class="badge badge-outline-danger rounded-pill me-1">خطر</span>
                                                                    <span class="badge badge-outline-dark rounded-pill me-1">تاریک</span>
                                                                    <span class="badge badge-outline-purple rounded-pill me-1">بنفش</span>
                                                                    <span class="badge badge-outline-pink rounded-pill me-1">صورتی</span>
                                                                    <span class="badge badge-outline-orange rounded-pill me-1">نارنجی</span>
                                                                
                                                            

                                                                
                                                                    <!-- نشان‌های نرم -->
                                                                    <span class="badge badge-soft-primary me-1">اصلی</span>
                                                                    <span class="badge badge-soft-secondary me-1">ثانویه</span>
                                                                    <span class="badge badge-soft-success me-1">موفقیت</span>
                                                                    <span class="badge badge-soft-info me-1">اطلاعات</span>
                                                                    <span class="badge badge-soft-warning me-1">هشدار</span>
                                                                    <span class="badge badge-soft-danger me-1">خطر</span>
                                                                    <span class="badge badge-soft-dark me-1">تاریک</span>
                                                                    <span class="badge badge-soft-purple me-1">بنفش</span>
                                                                    <span class="badge badge-soft-pink me-1">صورتی</span>
                                                                    <span class="badge badge-soft-orange me-1">نارنجی</span>
                                                                    <!-- نشان‌های نرم کپسولی -->
                                                                    <span class="badge badge-soft-primary rounded-pill me-1">اصلی</span>
                                                                    <span class="badge badge-soft-secondary rounded-pill me-1">ثانویه</span>
                                                                    <span class="badge badge-soft-success rounded-pill me-1">موفقیت</span>
                                                                    <span class="badge badge-soft-info rounded-pill me-1">اطلاعات</span>
                                                                    <span class="badge badge-soft-warning rounded-pill me-1">هشدار</span>
                                                                    <span class="badge badge-soft-danger rounded-pill me-1">خطر</span>
                                                                    <span class="badge badge-soft-dark rounded-pill me-1">تاریک</span>
                                                                    <span class="badge badge-soft-purple rounded-pill me-1">بنفش</span>
                                                                    <span class="badge badge-soft-pink rounded-pill me-1">صورتی</span>
                                                                    <span class="badge badge-soft-orange rounded-pill me-1">نارنجی</span>
                                                                
                                                            

                                                                
                                                                    <!-- دکمه‌ها -->
                                                                    <button type="button" class="btn btn-primary me-1">
                                                                        اعلان‌ها <span class="badge bg-danger ms-1">۴</span>
                                                                    </button>
                                                                    <button type="button" class="btn btn-outline-primary me-1">
                                                                        اعلان‌ها <span class="badge bg-primary ms-1">جدید</span>
                                                                    </button>
                                                                    <button type="button" class="btn btn-soft-primary">
                                                                        اعلان‌ها <span class="badge bg-primary ms-1">۱۱+</span>
                                                                    </button>
                                                                    <a href="javascript:void(0);" type="button" class="btn">
                                                                        اعلان‌ها <span class="badge bg-primary ms-1">۹۰+</span>
                                                                    </a>
                
                                                                    <!-- موقعیت -->
                                                                    <button type="button" class="btn btn-sm btn-primary position-relative me-3">
                                                                        صندوق ورودی
                                                                        <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger border border-light">۹۹+</span>
                                                                    </button>
                                                                    <button type="button" class="btn btn-sm btn-primary position-relative">
                                                                        پروفایل
                                                                        <span class="position-absolute top-0 start-100 translate-middle p-1 bg-danger border border-light rounded-circle"></span>
                                                                    </button>