Innova Hub
Innova Hub es una empresa de tecnología especializada en IA Agéntica para el sector educativo.
Síguenos
Your Cart
Alerts
Use our custom alert styles to provide contextual feedback messages for typical user actions. Bootstrap docs
Simple
A simple primary alert with an example link.
A simple secondary alert with an example link.
A simple success alert with an example link.
A simple danger alert with an example link.
A simple warning alert with an example link.
A simple info alert with an example link.
A simple light alert with an example link.
A simple dark alert with an example link.
<div className="alert alert-primary alert-icon" role="alert">
<i className="uil uil-star" /> A simple primary alert with{' '}
<a href="#" className="alert-link hover"> an example link </a>
</div>
<div className="alert alert-success alert-icon" role="alert">
<i className="uil uil-check-circle" /> A simple success alert with{' '}
<a href="#" className="alert-link hover"> an example link </a>
</div>
<div className="alert alert-danger alert-icon" role="alert">
<i className="uil uil-times-circle" /> A simple danger alert with{' '}
<a href="#" className="alert-link hover"> an example link </a>
</div>
<div className="alert alert-warning alert-icon" role="alert">
<i className="uil uil-exclamation-triangle" /> A simple warning alert with{' '}
<a href="#" className="alert-link hover"> an example link </a>
</div>
<div className="alert alert-info alert-icon" role="alert">
<i className="uil uil-exclamation-circle" /> A simple info alert with{' '}
<a href="#" className="alert-link hover"> an example link </a>
</div>
<div className="alert alert-light alert-icon" role="alert">
<i className="uil uil-lock" /> A simple light alert with{' '}
<a href="#" className="alert-link hover"> an example link </a>
</div>
<div className="alert alert-dark alert-icon" role="alert">
<i className="uil uil-map-marker-info" /> A simple dark alert with{' '}
<a href="#" className="alert-link hover"> an example link </a>
</div>
Dismissing
A simple primary alert with an example link.
A simple secondary alert with an example link.
A simple success alert with an example link.
A simple danger alert with an example link.
A simple warning alert with an example link.
A simple info alert with an example link.
A simple light alert with an example link.
A simple dark alert with an example link.
<div className="alert alert-primary alert-icon alert-dismissible fade show" role="alert">
<i className="uil uil-star" /> A simple primary alert with{' '}
<a href="#" className="alert-link hover"> an example link </a>
<button type="button" className="btn-close" data-bs-dismiss="alert" aria-label="Close" />
</div>
<div className="alert alert-secondary alert-icon alert-dismissible fade show" role="alert">
<i className="uil uil-clock" /> A simple secondary alert with{' '}
<a href="#" className="alert-link hover"> an example link </a>
<button type="button" className="btn-close" data-bs-dismiss="alert" aria-label="Close" />
</div>
<div className="alert alert-success alert-icon alert-dismissible fade show" role="alert">
<i className="uil uil-check-circle" /> A simple success alert with{' '}
<a href="#" className="alert-link hover"> an example link </a>
<button type="button" className="btn-close" data-bs-dismiss="alert" aria-label="Close" />
</div>
<div className="alert alert-danger alert-icon alert-dismissible fade show" role="alert">
<i className="uil uil-times-circle" /> A simple danger alert with{' '}
<a href="#" className="alert-link hover"> an example link </a>
<button type="button" className="btn-close" data-bs-dismiss="alert" aria-label="Close" />
</div>
<div className="alert alert-warning alert-icon alert-dismissible fade show" role="alert">
<i className="uil uil-exclamation-triangle" /> A simple warning alert with{' '}
<a href="#" className="alert-link hover"> an example link </a>
<button type="button" className="btn-close" data-bs-dismiss="alert" aria-label="Close" />
</div>
<div className="alert alert-info alert-icon alert-dismissible fade show" role="alert">
<i className="uil uil-exclamation-circle" /> A simple info alert with{' '}
<a href="#" className="alert-link hover"> an example link </a>
<button type="button" className="btn-close" data-bs-dismiss="alert" aria-label="Close" />
</div>
<div className="alert alert-light alert-icon alert-dismissible fade show" role="alert">
<i className="uil uil-lock" /> A simple light alert with{' '}
<a href="#" className="alert-link hover"> an example link </a>
<button type="button" className="btn-close" data-bs-dismiss="alert" aria-label="Close" />
</div>
<div className="alert alert-dark alert-icon alert-dismissible fade show" role="alert">
<i className="uil uil-map-marker-info" /> A simple dark alert with{' '}
<a href="#" className="alert-link hover"> an example link </a>
<button type="button" className="btn-close" data-bs-dismiss="alert" aria-label="Close" />
</div>
Comenzar with Innova Hub.
Everything you need to create your next unique and professional website, including impressive and ready-made blocks and pages.
Contáctanos