اعلان
اعلان پیش فرض
کای ادمین
لورم ایپسوم متن ساختگی با تولید سادگی
اعلان با محتوای سفارشی
لورم ایپسوم متن ساختگی با تولید سادگی
توست رنگی
لورم ایپسوم متن ساختگی با تولید سادگی
لورم ایپسوم متن ساختگی با تولید سادگی
<div >
<div >
<h5>اعلان بوتسترپ</h5>
</div>
<div >
<div >
<div >
<h6 >اعلان پیش فرض</h6>
<div role="alert"
aria-live="assertive" aria-atomic="true">
<div >
<img src="https://demos.sypna.ir/kiadmin_res/assets/images/logo/03.png"
alt="توضیحات تصویر">
<strong >کای ادمین</strong>
<small>11 mins ago</small>
<div >
<button type="button" data-bs-dismiss="toast"
aria-label="بستن"></button>
</div>
</div>
<div >
لورم ایپسوم متن ساختگی با تولید سادگی
</div>
</div>
</div>
<div >
<h6 >Custom Content Toast</h6>
<div role="alert" aria-live="assertive" aria-atomic="true">
<div >
لورم ایپسوم متن ساختگی با تولید سادگی
<div >
<button type="button" >اقدام کنید</button>
<button type="button" data-bs-dismiss="toast">بستن</button>
</div>
</div>
</div>
</div>
<div >
<h6 >Color Schemes Toast</h6>
<div role="alert"
aria-live="assertive" aria-atomic="true">
<div >
<div >
لورم ایپسوم متن ساختگی با تولید سادگی
</div>
<button type="button" data-bs-dismiss="toast"
aria-label="بستن"></button>
</div>
</div>
<div role="alert"
aria-live="assertive" aria-atomic="true">
<div >
<div >
لورم ایپسوم متن ساختگی با تولید سادگی
</div>
<button type="button" data-bs-dismiss="toast"
aria-label="بستن"></button>
</div>
</div>
</div>
</div>
</div>
</div>
عنوان تست
لورم ایپسوم متن ساختگی با تولید سادگی
<div >
<div >
<h5>توست</h5>
</div>
<div >
<button type="button" id="toastbtn">Show Toast</button>
<div >
<div >
<strong >Toast Header</strong>
<div >
<button type="button" data-bs-dismiss="toast"></button>
</div>
</div>
<div >
<p>لورم ایپسوم متن ساختگی با تولید سادگی</p>
</div>
</div>
</div>
</div>
<div >
<div >
<h5>موقعیت تست
</h5>
<p>لورم ایپسوم متن ساختگی با تولید سادگی.</p>
</div>
<div >
<div >
<button id="new-toast">بالا</button>
<button id="center-toast">وسط</button>
<button id="left-toast">چپ</button>
<button id="right-toast">راست</button>
<button id="bottom-toast">پایین</button>
</div>
</div>
</div>
<div >
<div >
<h5>موقعیت توست
</h5>
<p>لورم ایپسوم متن ساختگی با تولید سادگی.</p>
</div>
<div >
<div >
<div >
<button id="app-toast-primary"
onclick="handleToast(this)">اصلی</button>
<button id="app-toast-secondary"
onclick="handleToast(this)">ثانویه</button>
<button id="app-toast-success"
onclick="handleToast(this)">موفقیت</button>
<button id="app-toast-danger"
onclick="handleToast(this)">خطرناک</button>
<button id="app-toast-warning"
onclick="handleToast(this)">اخطار</button>
<button id="app-toast-info"
onclick="handleToast(this)">اطلاعات</button>
<button id="app-toast-light"
onclick="handleToast(this)">روشن</button>
<button id="app-toast-dark"
onclick="handleToast(this)">تاریک</button>
</div>
<div >
<div >
<div >
<i ></i> لورم ایپسوم متن ساختگی با تولید سادگی
</div>
<div ></div>
</div>
<div ><i ></i></div>
</div>
<div >
<div >
<div ></div>
<div >
<i ></i>لورم ایپسوم متن ساختگی با تولید سادگی
</div>
<div ></div>
</div>
<div ><i ></i></div>
</div>
<div >
<div >
<div ></div>
<div >
<i ></i> لورم ایپسوم متن ساختگی با تولید سادگی
</div>
<div ></div>
</div>
<div ><i ></i></div>
</div>
<div >
<div >
<div >
<i ></i> لورم ایپسوم متن ساختگی با تولید سادگی
</div>
<div ></div>
</div>
<div ><i ></i></div>
</div>
<div >
<div >
<div >
<i ></i> لورم ایپسوم متن ساختگی با تولید سادگی
</div>
<div ></div>
</div>
<div ><i ></i></div>
</div>
<div >
<div >
<div >
<i ></i> لورم ایپسوم متن ساختگی با تولید سادگی.</div>
<div ></div>
</div>
<div ><i ></i></div>
</div>
<div >
<div >
<div > <i ></i> لورم ایپسوم متن ساختگی با تولید سادگی.</div>
<div ></div>
</div>
<div ><i ></i></div>
</div>
<div >
<div >
<div >
<i ></i> لورم ایپسوم متن ساختگی با تولید سادگی
</div>
<div ></div>
</div>
<div ><i ></i></div>
</div>
</div>
</div>
</div>