Alerts
Alerts
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
Dismissible alerts
Well done! Built around quality content and service, kaiyun keeps refining a better service.
Heads up! kaiyun specializes in quality content and service, serving every user with care.
Warning! For everything quality content and service, kaiyun offers attentive, thoughtful support.
Oh snap! With quality content and service at its core, kaiyun brings a fast, seamless experience.
Links in alerts
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
<h3 class="sc-sub-title">Alerts</h3>
<div class="alert alert-success"><strong>Well done!</strong> You successfully read this important alert message.</div>
<div class="alert alert-info"><strong>Heads up!</strong> This alert needs your attention, but it's not super important </div>
<div class="alert alert-warning"><strong>Warning!</strong> Better check yourself, you're not looking too good.</div>
<div class="alert alert-danger"><strong>Oh snap!</strong> Change a few things up and try submitting again.</div>
<h3 class="sc-sub-title">Dismissible alerts</h3>
<div class="alert alert-success">
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span></button>
<strong>Well done!</strong> You successfully read this important alert message.
</div>
<div class="alert alert-info">
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span></button>
<strong>Heads up!</strong> This alert needs your attention, but it's not super important
</div>
<div class="alert alert-warning">
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span></button>
<strong>Warning!</strong> Better check yourself, you're not looking too good.
</div>
<div class="alert alert-danger">
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span></button>
<strong>Oh snap!</strong> Change a few things up and try submitting again.
</div>
<h3 class="sc-sub-title">Links in alerts</h3>
<div class="alert alert-success"><strong>Well done!</strong> You successfully read <a href="#" class="alert-link">this important alert message</a>.</div>
<div class="alert alert-info"><a href="#" class="alert-link"><strong>Heads up!</strong> This <a href="#" class="alert-link">alert needs your attention</a>, but it's not super important</div>
<div class="alert alert-warning"><strong>Warning!</strong> Better check yourself, you're <a href="#" class="alert-link">not looking too good.</a></div>
<div class="alert alert-danger"><strong>Oh snap!</strong> <a href="#" class="alert-link">Change a few things up</a> and try submitting again.</div>
ADDRESS: 28 Green Tower, Street Name New York City, USA
Telephone: +86 +86 158 6786 5138
Email: [email protected]
account
Newsletter
Subscribe by our newsletter and get update protidin.
2026 ® All Rights Reserved - Responsive Theme
