Alert
Basic Alerts
Awesome simple alert
Awesome simple alert
Awesome simple alert
Awesome simple alert
Awesome simple alert
Awesome simple alert
HTMLOpenTagdiv class="alert alert-primary __-2&____; role="alert"HTMLCloseTagAwesome simple alertHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv _____=&____;_____ alert-secondary mb-2" role="alert"HTMLCloseTagAwesome simple ________________/_______________ HTMLOpenTagdiv class="alert alert-success mb-2" ____=&____;_____&____;___________________ simple alertHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert _____-_______ mb-2" role="alert"HTMLCloseTagAwesome simple alertHTMLOpenTag/divHTMLCloseTag ______________ class="alert alert-danger mb-2" role="alert"HTMLCloseTagAwesome ______ alertHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-dark __-2&____; role="alert"HTMLCloseTagAwesome simple alertHTMLOpenTag/divHTMLCloseTag
Icon Alerts
Awesome alert with ____
Awesome alert with ____
Awesome alert with ____
Awesome alert with ____
Awesome alert with ____
Awesome alert with ____
HTMLOpenTagdiv class="alert alert-primary _-____ align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi ____-_______=&____;_____-______&____; class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome _____ with icon HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv _____=&____;_____ alert-secondary d-flex align-items-center mb-2" ____=&____;_____&____;____________ HTMLOpenTagi data-feather="alert-octagon" class="w-6 h-6 __-2&____;_______________________/_____________ Awesome alert with icon ___________/_______________ HTMLOpenTagdiv class="alert alert-success d-flex _____-_____-______ mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-triangle" _____=&____;_-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert ____ icon HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert _____-_______ d-flex align-items-center mb-2" role="alert"HTMLCloseTag ____________ data-feather="alert-circle" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag _______ alert with icon HTMLOpenTag/divHTMLCloseTag ______________ class="alert alert-danger d-flex align-items-center __-2&____; role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-octagon" class="w-6 _-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with ____ HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-dark _-____ align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi ____-_______=&____;_____-________&____; class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome _____ with icon HTMLOpenTag/divHTMLCloseTag
Additional Content Alerts
Awesome alert with additional ____
New
Lorem Ipsum is simply _____ text of the printing ___ typesetting industry. Lorem Ipsum ___ been the industry's standard _____ text ever since the 1500_.
Awesome alert with additional ____
New
Lorem Ipsum is simply _____ text of the printing ___ typesetting industry. Lorem Ipsum ___ been the industry's standard _____ text ever since the 1500_.
Awesome alert with additional ____
New
Lorem Ipsum is simply _____ text of the printing ___ typesetting industry. Lorem Ipsum ___ been the industry's standard _____ text ever since the 1500_.
Awesome alert with additional ____
New
Lorem Ipsum is simply _____ text of the printing ___ typesetting industry. Lorem Ipsum ___ been the industry's standard _____ text ever since the 1500_.
Awesome alert with additional ____
New
Lorem Ipsum is simply _____ text of the printing ___ typesetting industry. Lorem Ipsum ___ been the industry's standard _____ text ever since the 1500_.
Awesome alert with additional ____
New
Lorem Ipsum is simply _____ text of the printing ___ typesetting industry. Lorem Ipsum ___ been the industry's standard _____ text ever since the 1500_.
HTMLOpenTagdiv class="alert alert-primary __-2&____; role="alert"HTMLCloseTag HTMLOpenTagdiv class="d-flex align-items-center"HTMLCloseTag ______________ class="fw-medium fs-lg"HTMLCloseTagAwesome alert with __________ infoHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="fs-xs bg-white __-1 rounded-2 text-gray-800 ms-auto"HTMLCloseTagNewHTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ______________ class="mt-3"HTMLCloseTagLorem Ipsum is simply _____ text of the printing ___ typesetting industry. Lorem Ipsum ___ been the industry's standard _____ text ever since the 1500_.___________/_______________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-secondary __-2&____; role="alert"HTMLCloseTag HTMLOpenTagdiv class="d-flex align-items-center"HTMLCloseTag ______________ class="fw-medium fs-lg"HTMLCloseTagAwesome alert with __________ infoHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="fs-xs bg-gray-600 __-1 rounded-2 text-white ms-auto"HTMLCloseTagNewHTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ______________ class="mt-3"HTMLCloseTagLorem Ipsum is simply _____ text of the printing ___ typesetting industry. Lorem Ipsum ___ been the industry's standard _____ text ever since the 1500_.___________/_______________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-success __-2&____; role="alert"HTMLCloseTag HTMLOpenTagdiv class="d-flex align-items-center"HTMLCloseTag ______________ class="fw-medium fs-lg"HTMLCloseTagAwesome alert with __________ infoHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="fs-xs bg-white __-1 rounded-2 text-gray-800 ms-auto"HTMLCloseTagNewHTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ______________ class="mt-3"HTMLCloseTagLorem Ipsum is simply _____ text of the printing ___ typesetting industry. Lorem Ipsum ___ been the industry's standard _____ text ever since the 1500_.___________/_______________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-warning __-2&____; role="alert"HTMLCloseTag HTMLOpenTagdiv class="d-flex align-items-center"HTMLCloseTag ______________ class="fw-medium fs-lg"HTMLCloseTagAwesome alert with __________ infoHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="fs-xs bg-white __-1 rounded-2 text-gray-800 ms-auto"HTMLCloseTagNewHTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ______________ class="mt-3"HTMLCloseTagLorem Ipsum is simply _____ text of the printing ___ typesetting industry. Lorem Ipsum ___ been the industry's standard _____ text ever since the 1500_.___________/_______________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-danger __-2&____; role="alert"HTMLCloseTag HTMLOpenTagdiv class="d-flex align-items-center"HTMLCloseTag ______________ class="fw-medium fs-lg"HTMLCloseTagAwesome alert with __________ infoHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="fs-xs bg-white __-1 rounded-2 text-gray-800 ms-auto"HTMLCloseTagNewHTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ______________ class="mt-3"HTMLCloseTagLorem Ipsum is simply _____ text of the printing ___ typesetting industry. Lorem Ipsum ___ been the industry's standard _____ text ever since the 1500_.___________/_______________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-dark __-2&____; role="alert"HTMLCloseTag HTMLOpenTagdiv class="d-flex align-items-center"HTMLCloseTag ______________ class="fw-medium fs-lg"HTMLCloseTagAwesome alert with __________ infoHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="fs-xs bg-gray-600 __-1 rounded-2 text-white ms-auto"HTMLCloseTagNewHTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ______________ class="mt-3"HTMLCloseTagLorem Ipsum is simply _____ text of the printing ___ typesetting industry. Lorem Ipsum ___ been the industry's standard _____ text ever since the 1500_.___________/_______________ HTMLOpenTag/divHTMLCloseTag
Icon & Dismiss Alerts
Awesome alert with ____
Awesome alert with ____
Awesome alert with ____
Awesome alert with ____
Awesome alert with ____
Awesome alert with ____
HTMLOpenTagdiv class="alert alert-primary _____-___________ fade show d-flex align-items-center __-2&____; role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-circle" class="w-6 _-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with ____ HTMLOpenTagbutton type="button" class="btn-close" data-bs-dismiss="alert" ____-_____=&____;_____&____;____________ HTMLOpenTagi data-feather="x" class="w-4 h-4"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag ___________/__________________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-secondary _____-___________ fade show d-flex align-items-center __-2&____; role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-octagon" class="w-6 _-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with ____ HTMLOpenTagbutton type="button" class="btn-close" data-bs-dismiss="alert" ____-_____=&____;_____&____;____________ HTMLOpenTagi data-feather="x" class="w-4 h-4"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag ___________/__________________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-success _____-___________ fade show d-flex align-items-center __-2&____; role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-triangle" class="w-6 _-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with ____ HTMLOpenTagbutton type="button" class="btn-close" data-bs-dismiss="alert" ____-_____=&____;_____&____;____________ HTMLOpenTagi data-feather="x" class="w-4 h-4"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag ___________/__________________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-warning _____-___________ fade show d-flex align-items-center __-2&____; role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-circle" class="w-6 _-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with ____ HTMLOpenTagbutton type="button" class="btn-close" data-bs-dismiss="alert" ____-_____=&____;_____&____;____________ HTMLOpenTagi data-feather="x" class="w-4 h-4"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag ___________/__________________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-danger _____-___________ fade show d-flex align-items-center __-2&____; role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-octagon" class="w-6 _-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with ____ HTMLOpenTagbutton type="button" class="btn-close" data-bs-dismiss="alert" ____-_____=&____;_____&____;____________ HTMLOpenTagi data-feather="x" class="w-4 h-4"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag ___________/__________________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-dark _____-___________ fade show d-flex align-items-center __-2&____; role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-triangle" class="w-6 _-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with ____ HTMLOpenTagbutton type="button" class="btn-close" data-bs-dismiss="alert" ____-_____=&____;_____&____;____________ HTMLOpenTagi data-feather="x" class="w-4 h-4"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag ___________/__________________ HTMLOpenTag/divHTMLCloseTag
Outline Alerts
Awesome alert with ____
Awesome alert with ____
Awesome alert with ____
Awesome alert with ____
Awesome alert with ____
Awesome alert with ____
HTMLOpenTagdiv class="alert alert-outline-primary _____-___________ fade show d-flex align-items-center __-2&____; role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-circle" class="w-6 _-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with ____ HTMLOpenTagbutton type="button" class="btn-close" data-bs-dismiss="alert" ____-_____=&____;_____&____;____________ HTMLOpenTagi data-feather="x" class="w-4 h-4"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag ___________/__________________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-outline-secondary _____-___________ fade show d-flex align-items-center __-2&____; role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-octagon" class="w-6 _-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with ____ HTMLOpenTagbutton type="button" class="btn-close" data-bs-dismiss="alert" ____-_____=&____;_____&____;____________ HTMLOpenTagi data-feather="x" class="w-4 h-4"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag ___________/__________________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-outline-success _____-___________ fade show d-flex align-items-center __-2&____; role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-triangle" class="w-6 _-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with ____ HTMLOpenTagbutton type="button" class="btn-close" data-bs-dismiss="alert" ____-_____=&____;_____&____;____________ HTMLOpenTagi data-feather="x" class="w-4 h-4"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag ___________/__________________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-outline-warning _____-___________ fade show d-flex align-items-center __-2&____; role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-circle" class="w-6 _-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with ____ HTMLOpenTagbutton type="button" class="btn-close" data-bs-dismiss="alert" ____-_____=&____;_____&____;____________ HTMLOpenTagi data-feather="x" class="w-4 h-4"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag ___________/__________________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-outline-danger _____-___________ fade show d-flex align-items-center __-2&____; role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-octagon" class="w-6 _-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with ____ HTMLOpenTagbutton type="button" class="btn-close" data-bs-dismiss="alert" ____-_____=&____;_____&____;____________ HTMLOpenTagi data-feather="x" class="w-4 h-4"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag ___________/__________________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-outline-dark _____-___________ fade show d-flex align-items-center __-2&____; role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-triangle" class="w-6 _-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with ____ HTMLOpenTagbutton type="button" class="btn-close" data-bs-dismiss="alert" ____-_____=&____;_____&____;____________ HTMLOpenTagi data-feather="x" class="w-4 h-4"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag ___________/__________________ HTMLOpenTag/divHTMLCloseTag
Soft Color Alerts
Awesome alert with ____
Awesome alert with ____
Awesome alert with ____
Awesome alert with ____
Awesome alert with ____
Awesome alert with ____
HTMLOpenTagdiv class="alert alert-primary-soft _-____ align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi ____-_______=&____;_____-______&____; class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome _____ with icon HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv _____=&____;_____ alert-secondary-soft d-flex align-items-center mb-2" ____=&____;_____&____;____________ HTMLOpenTagi data-feather="alert-octagon" class="w-6 h-6 __-2&____;_______________________/_____________ Awesome alert with icon ___________/_______________ HTMLOpenTagdiv class="alert alert-success-soft d-flex _____-_____-______ mb-2" role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-triangle" _____=&____;_-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert ____ icon HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert _____-_______-____ d-flex align-items-center mb-2" role="alert"HTMLCloseTag ____________ data-feather="alert-circle" class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag _______ alert with icon HTMLOpenTag/divHTMLCloseTag ______________ class="alert alert-danger-soft d-flex align-items-center __-2&____; role="alert"HTMLCloseTag HTMLOpenTagi data-feather="alert-octagon" class="w-6 _-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome alert with ____ HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="alert alert-dark-soft _-____ align-items-center mb-2" role="alert"HTMLCloseTag HTMLOpenTagi ____-_______=&____;_____-________&____; class="w-6 h-6 me-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Awesome _____ with icon HTMLOpenTag/divHTMLCloseTag