Linux server.kiran-academy.com 3.10.0-1160.108.1.el7.x86_64 #1 SMP Thu Jan 25 16:17:31 UTC 2024 x86_64
Apache/2.4.57 (Unix) OpenSSL/1.0.2k-fips
: 194.233.91.196 | : 216.73.216.172
Cant Read [ /etc/named.conf ]
7.4.32
finalho
www.github.com/MadExploits
Terminal
AUTO ROOT
Adminer
Backdoor Destroyer
Linux Exploit
Lock Shell
Lock File
Create User
CREATE RDP
PHP Mailer
BACKCONNECT
UNLOCK SHELL
HASH IDENTIFIER
CPANEL RESET
CREATE WP USER
README
+ Create Folder
+ Create File
/
home /
finalho /
public_html /
admin /
focus /
[ HOME SHELL ]
Name
Size
Permission
Action
css
[ DIR ]
drwxr-xr-x
icons
[ DIR ]
drwxr-xr-x
images
[ DIR ]
drwxr-xr-x
js
[ DIR ]
drwxr-xr-x
scss
[ DIR ]
drwxr-xr-x
vendor
[ DIR ]
drwxr-xr-x
app-calender.html
25.09
KB
-rw-r--r--
app-profile.html
47.03
KB
-rw-r--r--
chart-chartist.html
31.94
KB
-rw-r--r--
chart-chartjs.html
26.5
KB
-rw-r--r--
chart-flot.html
24.56
KB
-rw-r--r--
chart-morris.html
24.53
KB
-rw-r--r--
chart-peity.html
33.88
KB
-rw-r--r--
chart-sparkline.html
26.04
KB
-rw-r--r--
connection.php
80
B
-rw-r--r--
email-compose.html
27.84
KB
-rw-r--r--
email-inbox.html
53.27
KB
-rw-r--r--
email-read.html
33.35
KB
-rw-r--r--
form-editor-summernote.html
19.85
KB
-rw-r--r--
form-element.html
78.36
KB
-rw-r--r--
form-pickers.html
30.28
KB
-rw-r--r--
form-validation-jquery.html
34.42
KB
-rw-r--r--
form-wizard.html
36.53
KB
-rw-r--r--
index.html
55.35
KB
-rw-r--r--
index2.html
53.95
KB
-rw-r--r--
layout-blank.html
19.7
KB
-rw-r--r--
map-jqvmap.html
20.43
KB
-rw-r--r--
page-error-400.html
1.25
KB
-rw-r--r--
page-error-403.html
1.27
KB
-rw-r--r--
page-error-404.html
1.31
KB
-rw-r--r--
page-error-500.html
1.32
KB
-rw-r--r--
page-error-503.html
1.26
KB
-rw-r--r--
page-lock-screen.html
2.1
KB
-rw-r--r--
page-login.html
3.52
KB
-rw-r--r--
page-register.html
2.95
KB
-rw-r--r--
table-bootstrap-basic.html
68.9
KB
-rw-r--r--
table-datatable-basic.html
80.31
KB
-rw-r--r--
uc-nestable.html
26.84
KB
-rw-r--r--
uc-noui-slider.html
46.32
KB
-rw-r--r--
uc-select2.html
57.25
KB
-rw-r--r--
uc-sweetalert.html
27.13
KB
-rw-r--r--
uc-toastr.html
21.36
KB
-rw-r--r--
ui-accordion.html
68.85
KB
-rw-r--r--
ui-alert.html
93.58
KB
-rw-r--r--
ui-badge.html
34.34
KB
-rw-r--r--
ui-button-group.html
28.89
KB
-rw-r--r--
ui-button.html
44.44
KB
-rw-r--r--
ui-card.html
32.98
KB
-rw-r--r--
ui-carousel.html
31.38
KB
-rw-r--r--
ui-dropdown.html
54.39
KB
-rw-r--r--
ui-grid.html
28.54
KB
-rw-r--r--
ui-label.html
21.99
KB
-rw-r--r--
ui-list-group.html
37.12
KB
-rw-r--r--
ui-media-object.html
32.26
KB
-rw-r--r--
ui-modal.html
38.78
KB
-rw-r--r--
ui-pagination.html
32.37
KB
-rw-r--r--
ui-popover.html
22.57
KB
-rw-r--r--
ui-progressbar.html
40.52
KB
-rw-r--r--
ui-tab.html
48.69
KB
-rw-r--r--
ui-tooltip.html
21.58
KB
-rw-r--r--
ui-typography.html
36.01
KB
-rw-r--r--
widget-basic.html
43.74
KB
-rw-r--r--
Delete
Unzip
Zip
${this.title}
Close
Code Editor : ui-alert.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Focus - Bootstrap Admin Dashboard </title> <!-- Favicon icon --> <link rel="icon" type="image/png" sizes="16x16" href="./images/favicon.png"> <link href="./css/style.css" rel="stylesheet"> </head> <body> <!--******************* Preloader start ********************--> <div id="preloader"> <div class="sk-three-bounce"> <div class="sk-child sk-bounce1"></div> <div class="sk-child sk-bounce2"></div> <div class="sk-child sk-bounce3"></div> </div> </div> <!--******************* Preloader end ********************--> <!--********************************** Main wrapper start ***********************************--> <div id="main-wrapper"> <!--********************************** Nav header start ***********************************--> <div class="nav-header"> <a href="index.html" class="brand-logo"> <img class="logo-abbr" src="./images/logo.png" alt=""> <img class="logo-compact" src="./images/logo-text.png" alt=""> <img class="brand-title" src="./images/logo-text.png" alt=""> </a> <div class="nav-control"> <div class="hamburger"> <span class="line"></span><span class="line"></span><span class="line"></span> </div> </div> </div> <!--********************************** Nav header end ***********************************--> <!--********************************** Header start ***********************************--> <div class="header"> <div class="header-content"> <nav class="navbar navbar-expand"> <div class="collapse navbar-collapse justify-content-between"> <div class="header-left"> <div class="search_bar dropdown"> <span class="search_icon p-3 c-pointer" data-toggle="dropdown"> <i class="mdi mdi-magnify"></i> </span> <div class="dropdown-menu p-0 m-0"> <form> <input class="form-control" type="search" placeholder="Search" aria-label="Search"> </form> </div> </div> </div> <ul class="navbar-nav header-right"> <li class="nav-item dropdown notification_dropdown"> <a class="nav-link" href="#" role="button" data-toggle="dropdown"> <i class="mdi mdi-bell"></i> <div class="pulse-css"></div> </a> <div class="dropdown-menu dropdown-menu-right"> <ul class="list-unstyled"> <li class="media dropdown-item"> <span class="success"><i class="ti-user"></i></span> <div class="media-body"> <a href="#"> <p><strong>Martin</strong> has added a <strong>customer</strong> Successfully </p> </a> </div> <span class="notify-time">3:20 am</span> </li> <li class="media dropdown-item"> <span class="primary"><i class="ti-shopping-cart"></i></span> <div class="media-body"> <a href="#"> <p><strong>Jennifer</strong> purchased Light Dashboard 2.0.</p> </a> </div> <span class="notify-time">3:20 am</span> </li> <li class="media dropdown-item"> <span class="danger"><i class="ti-bookmark"></i></span> <div class="media-body"> <a href="#"> <p><strong>Robin</strong> marked a <strong>ticket</strong> as unsolved. </p> </a> </div> <span class="notify-time">3:20 am</span> </li> <li class="media dropdown-item"> <span class="primary"><i class="ti-heart"></i></span> <div class="media-body"> <a href="#"> <p><strong>David</strong> purchased Light Dashboard 1.0.</p> </a> </div> <span class="notify-time">3:20 am</span> </li> <li class="media dropdown-item"> <span class="success"><i class="ti-image"></i></span> <div class="media-body"> <a href="#"> <p><strong> James.</strong> has added a<strong>customer</strong> Successfully </p> </a> </div> <span class="notify-time">3:20 am</span> </li> </ul> <a class="all-notification" href="#">See all notifications <i class="ti-arrow-right"></i></a> </div> </li> <li class="nav-item dropdown header-profile"> <a class="nav-link" href="#" role="button" data-toggle="dropdown"> <i class="mdi mdi-account"></i> </a> <div class="dropdown-menu dropdown-menu-right"> <a href="./app-profile.html" class="dropdown-item"> <i class="icon-user"></i> <span class="ml-2">Profile </span> </a> <a href="./email-inbox.html" class="dropdown-item"> <i class="icon-envelope-open"></i> <span class="ml-2">Inbox </span> </a> <a href="./page-login.html" class="dropdown-item"> <i class="icon-key"></i> <span class="ml-2">Logout </span> </a> </div> </li> </ul> </div> </nav> </div> </div> <!--********************************** Header end ti-comment-alt ***********************************--> <!--********************************** Sidebar start ***********************************--> <div class="quixnav"> <div class="quixnav-scroll"> <ul class="metismenu" id="menu"> <li class="nav-label first">Main Menu</li> <!-- <li><a href="index.html"><i class="icon icon-single-04"></i><span class="nav-text">Dashboard</span></a> </li> --> <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="icon icon-single-04"></i><span class="nav-text">Dashboard</span></a> <ul aria-expanded="false"> <li><a href="./index.html">Dashboard 1</a></li> <li><a href="./index2.html">Dashboard 2</a></li></ul> </li> <li class="nav-label">Apps</li> <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="icon icon-app-store"></i><span class="nav-text">Apps</span></a> <ul aria-expanded="false"> <li><a href="./app-profile.html">Profile</a></li> <li><a class="has-arrow" href="javascript:void()" aria-expanded="false">Email</a> <ul aria-expanded="false"> <li><a href="./email-compose.html">Compose</a></li> <li><a href="./email-inbox.html">Inbox</a></li> <li><a href="./email-read.html">Read</a></li> </ul> </li> <li><a href="./app-calender.html">Calendar</a></li> </ul> </li> <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="icon icon-chart-bar-33"></i><span class="nav-text">Charts</span></a> <ul aria-expanded="false"> <li><a href="./chart-flot.html">Flot</a></li> <li><a href="./chart-morris.html">Morris</a></li> <li><a href="./chart-chartjs.html">Chartjs</a></li> <li><a href="./chart-chartist.html">Chartist</a></li> <li><a href="./chart-sparkline.html">Sparkline</a></li> <li><a href="./chart-peity.html">Peity</a></li> </ul> </li> <li class="nav-label">Components</li> <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="icon icon-world-2"></i><span class="nav-text">Bootstrap</span></a> <ul aria-expanded="false"> <li><a href="./ui-accordion.html">Accordion</a></li> <li><a href="./ui-alert.html">Alert</a></li> <li><a href="./ui-badge.html">Badge</a></li> <li><a href="./ui-button.html">Button</a></li> <li><a href="./ui-modal.html">Modal</a></li> <li><a href="./ui-button-group.html">Button Group</a></li> <li><a href="./ui-list-group.html">List Group</a></li> <li><a href="./ui-media-object.html">Media Object</a></li> <li><a href="./ui-card.html">Cards</a></li> <li><a href="./ui-carousel.html">Carousel</a></li> <li><a href="./ui-dropdown.html">Dropdown</a></li> <li><a href="./ui-popover.html">Popover</a></li> <li><a href="./ui-progressbar.html">Progressbar</a></li> <li><a href="./ui-tab.html">Tab</a></li> <li><a href="./ui-typography.html">Typography</a></li> <li><a href="./ui-pagination.html">Pagination</a></li> <li><a href="./ui-grid.html">Grid</a></li> </ul> </li> <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="icon icon-plug"></i><span class="nav-text">Plugins</span></a> <ul aria-expanded="false"> <li><a href="./uc-select2.html">Select 2</a></li> <li><a href="./uc-nestable.html">Nestedable</a></li> <li><a href="./uc-noui-slider.html">Noui Slider</a></li> <li><a href="./uc-sweetalert.html">Sweet Alert</a></li> <li><a href="./uc-toastr.html">Toastr</a></li> <li><a href="./map-jqvmap.html">Jqv Map</a></li> </ul> </li> <li><a href="widget-basic.html" aria-expanded="false"><i class="icon icon-globe-2"></i><span class="nav-text">Widget</span></a></li> <li class="nav-label">Forms</li> <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="icon icon-form"></i><span class="nav-text">Forms</span></a> <ul aria-expanded="false"> <li><a href="./form-element.html">Form Elements</a></li> <li><a href="./form-wizard.html">Wizard</a></li> <li><a href="./form-editor-summernote.html">Summernote</a></li> <li><a href="form-pickers.html">Pickers</a></li> <li><a href="form-validation-jquery.html">Jquery Validate</a></li> </ul> </li> <li class="nav-label">Table</li> <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="icon icon-layout-25"></i><span class="nav-text">Table</span></a> <ul aria-expanded="false"> <li><a href="table-bootstrap-basic.html">Bootstrap</a></li> <li><a href="table-datatable-basic.html">Datatable</a></li> </ul> </li> <li class="nav-label">Extra</li> <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="icon icon-single-copy-06"></i><span class="nav-text">Pages</span></a> <ul aria-expanded="false"> <li><a href="./page-register.html">Register</a></li> <li><a href="./page-login.html">Login</a></li> <li><a class="has-arrow" href="javascript:void()" aria-expanded="false">Error</a> <ul aria-expanded="false"> <li><a href="./page-error-400.html">Error 400</a></li> <li><a href="./page-error-403.html">Error 403</a></li> <li><a href="./page-error-404.html">Error 404</a></li> <li><a href="./page-error-500.html">Error 500</a></li> <li><a href="./page-error-503.html">Error 503</a></li> </ul> </li> <li><a href="./page-lock-screen.html">Lock Screen</a></li> </ul> </li> </ul> </div> </div> <!--********************************** Sidebar end ***********************************--> <!--********************************** Content body start ***********************************--> <div class="content-body"> <div class="container-fluid"> <div class="row page-titles mx-0"> <div class="col-sm-6 p-md-0"> <div class="welcome-text"> <h4>Hi, welcome back!</h4> <p class="mb-0">Your business dashboard template</p> </div> </div> <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="javascript:void(0)">Bootstrap</a></li> <li class="breadcrumb-item active"><a href="javascript:void(0)">Alert</a></li> </ol> </div> </div> <!-- row --> <div class="row"> <div class="col-xl-6 col-xxl-12"> <div class="card"> <div class="card-header d-block"> <h4 class="card-title">Basic Alerts</h4> <p class="subtitle mb-0">Bootstrap default style</p> </div> <div class="card-body"> <div class="alert alert-primary"><strong>Welcome!</strong> Message has been sent.</div> <div class="alert alert-secondary"><strong>Done!</strong> Your profile photo updated. </div> <div class="alert alert-success"><strong>Success!</strong> Message has been sent.</div> <div class="alert alert-info"><strong>Info!</strong> You have got 5 new email.</div> <div class="alert alert-warning"><strong>Warning!</strong> Something went wrong. Please check. </div> <div class="alert alert-danger"><strong>Error!</strong> Message sending failed.</div> <div class="alert alert-dark"><strong>Error!</strong> You successfully read this important alert message.</div> <div class="alert alert-light"><strong>Error!</strong> You successfully read this message.. </div> </div> </div> </div> <div class="col-xl-6 col-xxl-12"> <div class="card"> <div class="card-header d-block"> <h4 class="card-title">Solid color alerts</h4> <p class="subtitle mb-0">add <code>.solid</code> class to change the solid color.</p> </div> <div class="card-body"> <div class="alert alert-primary solid "><strong>Welcome!</strong> Message has been sent. </div> <div class="alert alert-secondary solid"><strong>Done!</strong> Your profile photo updated. </div> <div class="alert alert-success solid "><strong>Success!</strong> Message has been sent. </div> <div class="alert alert-info solid "><strong>Info!</strong> You have got 5 new email. </div> <div class="alert alert-warning solid "><strong>Warning!</strong> Something went wrong. Please check.</div> <div class="alert alert-danger solid "><strong>Error!</strong> Message sending failed. </div> <div class="alert alert-dark solid"><strong>Error!</strong> You successfully read this important alert message.</div> <div class="alert alert-light solid"><strong>Error!</strong> You successfully read this message.. </div> </div> </div> </div> <div class="col-xl-6 col-xxl-12"> <div class="card"> <div class="card-header d-block"> <h4 class="card-title">Square alerts</h4> <p class="mb-0 subtitle">add <code>.alert-square</code> class to change the solid color. </p> </div> <div class="card-body"> <div class="alert alert-primary solid alert-square"><strong>Welcome!</strong> Message has been sent.</div> <div class="alert alert-secondary solid alert-square"><strong>Done!</strong> Your profile photo updated.</div> <div class="alert alert-success solid alert-square "><strong>Success!</strong> Message has been sent.</div> <div class="alert alert-info solid alert-square "><strong>Info!</strong> You have got 5 new email.</div> <div class="alert alert-warning solid alert-square "><strong>Warning!</strong> Something went wrong. Please check.</div> <div class="alert alert-danger solid alert-square "><strong>Error!</strong> Message sending failed.</div> <div class="alert alert-dark solid alert-square"><strong>Error!</strong> You successfully read this important alert message.</div> <div class="alert alert-light solid alert-square"><strong>Error!</strong> You successfully read this message..</div> </div> </div> </div> <div class="col-xl-6 col-xxl-12"> <div class="card"> <div class="card-header d-block"> <h4 class="card-title">Rounded alerts</h4> <p class="mb-0 subtitle">add <code>.alert-rounded</code> class to change the solid color. </p> </div> <div class="card-body"> <div class="alert alert-primary solid alert-rounded"><strong>Welcome!</strong> Message has been sent.</div> <div class="alert alert-secondary solid alert-rounded"><strong>Done!</strong> Your profile photo updated.</div> <div class="alert alert-success solid alert-rounded "><strong>Success!</strong> Message has been sent.</div> <div class="alert alert-info solid alert-rounded "><strong>Info!</strong> You have got 5 new email.</div> <div class="alert alert-warning solid alert-rounded "><strong>Warning!</strong> Something went wrong. Please check.</div> <div class="alert alert-danger solid alert-rounded "><strong>Error!</strong> Message sending failed.</div> <div class="alert alert-dark solid alert-rounded"><strong>Error!</strong> You successfully read this important alert message.</div> <div class="alert alert-light solid alert-rounded"><strong>Error!</strong> You successfully read this message..</div> </div> </div> </div> <div class="col-xl-6 col-xxl-12"> <div class="card"> <div class="card-header d-block"> <h4 class="card-title">Dismissable Alerts</h4> <p class="subtitle mb-0">Bootstrap default style</p> </div> <div class="card-body"> <div class="alert alert-primary alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Success!</strong> Message has been sent. </div> <div class="alert alert-secondary alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Success!</strong> Message has been sent. </div> <div class="alert alert-success alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Success!</strong> Message has been sent. </div> <div class="alert alert-info alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Info!</strong> You have got 5 new email. </div> <div class="alert alert-warning alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Warning!</strong> Something went wrong. Please check. </div> <div class="alert alert-danger alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Error!</strong> Message Sending failed. </div> <div class="alert alert-dark alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Error!</strong> Message Sending failed. </div> <div class="alert alert-light alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Error!</strong> Message Sending failed. </div> </div> </div> </div> <div class="col-xl-6 col-xxl-12"> <div class="card"> <div class="card-header d-block"> <h4 class="card-title">Alerts alt</h4> <p class="mb-0 subtitle">add <code>.alert-alt</code> class to change the solid color. </p> </div> <div class="card-body"> <div class="alert alert-primary alert-dismissible alert-alt fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Success!</strong> Message has been sent. </div> <div class="alert alert-secondary alert-dismissible alert-alt fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Success!</strong> Message has been sent. </div> <div class="alert alert-success alert-dismissible alert-alt fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Success!</strong> Message has been sent. </div> <div class="alert alert-info alert-dismissible alert-alt fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Info!</strong> You have got 5 new email. </div> <div class="alert alert-warning alert-dismissible alert-alt fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Warning!</strong> Something went wrong. Please check. </div> <div class="alert alert-danger alert-dismissible alert-alt fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Error!</strong> Message Sending failed. </div> <div class="alert alert-dark alert-dismissible alert-alt fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Error!</strong> Message Sending failed. </div> <div class="alert alert-light alert-dismissible alert-alt fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Error!</strong> Message Sending failed. </div> </div> </div> </div> <div class="col-xl-6 col-xxl-12"> <div class="card"> <div class="card-header d-block"> <h4 class="card-title">Solid Alt</h4> <p class="mb-0 subtitle">add <code>.alert-alt.solid</code> class to change the solid color. </p> </div> <div class="card-body"> <div class="alert alert-primary alert-dismissible alert-alt solid fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Success!</strong> Message has been sent. </div> <div class="alert alert-secondary alert-dismissible alert-alt solid fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Success!</strong> Message has been sent. </div> <div class="alert alert-success alert-dismissible alert-alt solid fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Success!</strong> Message has been sent. </div> <div class="alert alert-info alert-dismissible alert-alt solid fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Info!</strong> You have got 5 new email. </div> <div class="alert alert-warning alert-dismissible alert-alt solid fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Warning!</strong> Something went wrong. Please check. </div> <div class="alert alert-danger alert-dismissible alert-alt solid fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Error!</strong> Message Sending failed. </div> <div class="alert alert-dark alert-dismissible alert-alt solid fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Error!</strong> Message Sending failed. </div> <div class="alert alert-light alert-dismissible alert-alt solid fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Error!</strong> Message Sending failed. </div> </div> </div> </div> <div class="col-xl-6 col-xxl-12"> <div class="card"> <div class="card-header d-block"> <h4 class="card-title">Dismissable with solid</h4> <p class="mb-0 subtitle">add <code>.solid</code> class to change the solid color.</p> </div> <div class="card-body"> <div class="alert alert-primary solid alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Success!</strong> Message has been sent. </div> <div class="alert alert-secondary solid alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Success!</strong> Message has been sent. </div> <div class="alert alert-success solid alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Success!</strong> Message has been sent. </div> <div class="alert alert-info solid alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Info!</strong> You have got 5 new email. </div> <div class="alert alert-warning solid alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Warning!</strong> Something went wrong. Please check. </div> <div class="alert alert-danger solid alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Error!</strong> Message Sending failed. </div> <div class="alert alert-dark solid alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Error!</strong> Message Sending failed. </div> <div class="alert alert-light solid alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Error!</strong> Message Sending failed. </div> </div> </div> </div> <div class="col-xl-6 col-xxl-12"> <div class="card"> <div class="card-header d-block"> <h4 class="card-title">Alert with Link</h4> <p class="mb-0 subtitle">Bootstrap default style</p> </div> <div class="card-body"> <div class="alert alert-primary alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>WOW! Eveything looks OK.</strong> <a href="#">Please check this one as well</a> </div> <div class="alert alert-secondary alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>WOW! Eveything looks OK.</strong> <a href="#">Please check this one as well</a> </div> <div class="alert alert-success alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>WOW! Eveything looks OK.</strong> <a href="#">Please check this one as well</a> </div> <div class="alert alert-info alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Hey! Take a quick look.</strong> <a href="#">My birthday party</a> </div> <div class="alert alert-warning alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Warning!</strong> Why you did it to me! <a href="#">Check this out</a> </div> <div class="alert alert-danger alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Error!</strong> Something Went wrong <a href="#">Click here for details.</a> </div> <div class="alert alert-dark alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Error!</strong> Something Went wrong <a href="#">Click here for details.</a> </div> <div class="alert alert-light alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Error!</strong> Something Went wrong <a href="#">Click here for details.</a> </div> </div> </div> </div> <div class="col-xl-6 col-xxl-12"> <div class="card"> <div class="card-header d-block"> <h4 class="card-title">Alert with Link and solid color</h4> <p class="mb-0 subtitle">add <code>.solid</code> class to change the solid color.</p> </div> <div class="card-body"> <div class="alert alert-primary solid alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> WOW! Eveything looks OK. <a href="#" class="btn btn-sm btn-light text-primary ml-3">upgrade</a> </div> <div class="alert alert-secondary solid alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> WOW! Eveything looks OK. <a href="#" class="btn btn-sm btn-light text-secondary ml-3">upgrade</a> </div> <div class="alert alert-success solid alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> WOW! Eveything looks OK. <a href="#" class="btn btn-sm btn-light text-success ml-3">upgrade</a> </div> <div class="alert alert-info solid alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> Hey! Take a quick look. <a href="#" class="btn btn-sm btn-light text-info ml-3">upgrade</a> </div> <div class="alert alert-warning solid alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Warning!</strong> Why you did it to me! <a href="#" class="btn btn-sm btn-light text-warning ml-3">upgrade</a> </div> <div class="alert alert-danger solid alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Error!</strong> Something Went wrong <a href="#" class="btn btn-sm btn-light text-danger ml-3">upgrade</a> </div> <div class="alert alert-dark solid alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Error!</strong> Something Went wrong <a href="#" class="btn btn-sm btn-light text-dark ml-3">upgrade</a> </div> <div class="alert alert-light solid alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Error!</strong> Something Went wrong <a href="#" class="btn btn-sm btn-light text-dark ml-3">upgrade</a> </div> </div> </div> </div> <div class="col-lg-12"> <div class="card"> <div class="card-header d-block"> <h4 class="card-title">Inline Notifications</h4> <p class="mb-0 subtitle">Default inline notification</p> </div> <div class="card-body"> <div class="row"> <div class="col-xl-6"> <div class="alert alert-primary notification"> <p class="notificaiton-title"><strong>Success!</strong> Vampires The Romantic Ideology Behind Them</p> <p>The following article covers a topic that has recently moved to center stage-at lease it seems that way.</p> <button class="btn btn-primary btn-sm rounded-0">Confirm</button> <button class="btn btn-link btn-sm">Cancel</button> </div> </div> <div class="col-xl-6"> <div class="alert alert-secondary notification"> <p class="notificaiton-title"><strong>Success!</strong> Vampires The Romantic Ideology Behind Them</p> <p>The following article covers a topic that has recently moved to center stage-at lease it seems that way.</p> <button class="btn btn-secondary btn-sm rounded-0">Confirm</button> <button class="btn btn-link btn-sm">Cancel</button> </div> </div> <div class="col-xl-6"> <div class="alert alert-success notification"> <p class="notificaiton-title"><strong>Success!</strong> Vampires The Romantic Ideology Behind Them</p> <p>The following article covers a topic that has recently moved to center stage-at lease it seems that way.</p> <button class="btn btn-success btn-sm rounded-0">Confirm</button> <button class="btn btn-link btn-sm">Cancel</button> </div> </div> <div class="col-xl-6"> <div class="alert alert-info notification"> <p class="notificaiton-title"><strong>Success!</strong> Vampires The Romantic Ideology Behind Them</p> <p>The following article covers a topic that has recently moved to center stage-at lease it seems that way.</p> <button class="btn btn-info btn-sm rounded-0">Confirm</button> <button class="btn btn-link btn-sm">Cancel</button> </div> </div> <div class="col-xl-6"> <div class="alert alert-warning notification"> <p class="notificaiton-title"><strong>Success!</strong> Vampires The Romantic Ideology Behind Them</p> <p>The following article covers a topic that has recently moved to center stage-at lease it seems that way.</p> <button class="btn btn-warning btn-sm rounded-0">Confirm</button> <button class="btn btn-link btn-sm">Cancel</button> </div> </div> <div class="col-xl-6"> <div class="alert alert-danger notification"> <p class="notificaiton-title"><strong>Danger! </strong> Religion And Science </p> <p>What is the loop of Creation? How is there something from nothing? In spite of the fact.. </p> <button class="btn btn-danger btn-sm rounded-0">Confirm</button> <button class="btn btn-link btn-sm">Cancel</button> </div> </div> <div class="col-xl-6"> <div class="alert alert-dark notification"> <p class="notificaiton-title"><strong>Danger! </strong> Religion And Science </p> <p>What is the loop of Creation? How is there something from nothing? In spite of the fact.. </p> <button class="btn btn-dark btn-sm rounded-0">Confirm</button> <button class="btn btn-link btn-sm">Cancel</button> </div> </div> <div class="col-xl-6"> <div class="alert alert-light notification"> <p class="notificaiton-title"><strong>Danger! </strong> Religion And Science </p> <p>What is the loop of Creation? How is there something from nothing? In spite of the fact.. </p> <button class="btn btn-light btn-sm rounded-0">Confirm</button> <button class="btn btn-link btn-sm">Cancel</button> </div> </div> </div> </div> </div> </div> <div class="col-xl-6 col-xxl-12"> <div class="card"> <div class="card-header d-block"> <h4 class="card-title">Alert Icon Left</h4> <p class="mb-0 subtitle">add <code>.alert-right-icon</code> to change the style</p> </div> <div class="card-body"> <div class="alert alert-primary solid alert-right-icon alert-dismissible fade show"> <span><i class="mdi mdi-account-search"></i></span> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> Success! Message has been sent. </div> <div class="alert alert-secondary solid alert-right-icon alert-dismissible fade show"> <span><i class="icon icon-bell-53"></i></span> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> Success! Message has been sent. </div> <div class="alert alert-success solid alert-right-icon alert-dismissible fade show"> <span><i class="mdi mdi-check"></i></span> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> Success! Message has been sent. </div> <div class="alert alert-info solid alert-right-icon alert-dismissible fade show"> <span><i class="mdi mdi-email"></i></span> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> Info! You have got 5 new email. </div> <div class="alert alert-warning solid alert-right-icon alert-dismissible fade show"> <span><i class="mdi mdi-alert"></i></span> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Warning!</strong> Something went wrong. Please check. </div> <div class="alert alert-danger solid alert-right-icon alert-dismissible fade show"> <span><i class="mdi mdi-help"></i></span> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Error!</strong> Message Sending failed. </div> <div class="alert alert-dark solid alert-right-icon alert-dismissible fade show"> <span><i class="mdi mdi-settings"></i></span> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Error!</strong> Message Sending failed. </div> <div class="alert alert-light solid alert-right-icon alert-dismissible fade show"> <span><i class="mdi mdi-cogs"></i></span> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Error!</strong> Message Sending failed. </div> </div> </div> </div> <div class="col-xl-6 col-xxl-12"> <div class="card"> <div class="card-header d-block"> <h4 class="card-title">Alert outline</h4> <p class="mb-0 subtitle">add <code>.alert-outline-primary,secondary,success...</code> to change the style</p> </div> <div class="card-body"> <div class="alert alert-outline-primary alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> Success! Message has been sent. </div> <div class="alert alert-outline-secondary alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> Success! Message has been sent. </div> <div class="alert alert-outline-success alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> Success! Message has been sent. </div> <div class="alert alert-outline-info alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> Info! You have got 5 new email. </div> <div class="alert alert-outline-warning alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Warning!</strong> Something went wrong. Please check. </div> <div class="alert alert-outline-danger alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Error!</strong> Message Sending failed. </div> <div class="alert alert-outline-dark alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Error!</strong> Message Sending failed. </div> <div class="alert alert-outline-light alert-dismissible fade show"> <button type="button" class="close h-100" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <strong>Error!</strong> Message Sending failed. </div> </div> </div> </div> <div class="col-xl-12 col-xxl-12"> <div class="card"> <div class="card-header d-block"> <h4 class="card-title">Alert Social</h4> <p class="mb-0 subtitle">add <code>.alert-social .facebook,.twitter,.linkedin,.google-plus</code> to change the style</p> </div> <div class="card-body"> <div class="row"> <div class="col-xl-6"> <div class="alert alert-social facebook alert-dismissible fade show"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <div class="media"> <div class="alert-social-icon"> <span><i class="mdi mdi-facebook"></i></span> </div> <div class="media-body"> <h5 class="mt-1 mb-1">Facebook</h5> <p>Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p> </div> </div> </div> </div> <div class="col-xl-6"> <div class="alert alert-social twitter alert-dismissible fade show"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <div class="media"> <div class="alert-social-icon"> <span><i class="mdi mdi-twitter"></i></span> </div> <div class="media-body"> <h5 class="mt-1 mb-1">Twitter</h5> <p>Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p> </div> </div> </div> </div> <div class="col-xl-6"> <div class="alert alert-social linkedin alert-dismissible fade show"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <div class="media"> <div class="alert-social-icon"> <span><i class="mdi mdi-linkedin"></i></span> </div> <div class="media-body"> <h5 class="mt-1 mb-1">Linkedin</h5> <p>Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p> </div> </div> </div> </div> <div class="col-xl-6"> <div class="alert alert-social google-plus alert-dismissible fade show"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <div class="media"> <div class="alert-social-icon"> <span><i class="mdi mdi-google-plus"></i></span> </div> <div class="media-body"> <h5 class="mt-1 mb-1">Google Plus</h5> <p>Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-xl-12 col-xxl-12"> <div class="card"> <div class="card-header d-block"> <h4 class="card-title">Message Alert</h4> <p class="subtitle mb-0">Bootstrap default style</p> </div> <div class="card-body"> <div class="row"> <div class="col-xl-6"> <div class="alert alert-primary alert-dismissible fade show"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <div class="media"> <div class="media-body"> <h5 class="mt-1 mb-1">Notifications</h5> <p>Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p> </div> </div> </div> </div> <div class="col-xl-6"> <div class="alert alert-secondary alert-dismissible fade show"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <div class="media"> <div class="media-body"> <h5 class="mt-1 mb-1">Notifications</h5> <p>Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p> </div> </div> </div> </div> <div class="col-xl-6"> <div class="alert alert-success alert-dismissible fade show"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <div class="media"> <div class="media-body"> <h5 class="mt-1 mb-1">Notifications</h5> <p>Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p> </div> </div> </div> </div> <div class="col-xl-6"> <div class="alert alert-info alert-dismissible fade show"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <div class="media"> <div class="media-body"> <h5 class="mt-1 mb-1">Notifications</h5> <p>Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p> </div> </div> </div> </div> <div class="col-xl-6"> <div class="alert alert-warning alert-dismissible fade show"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <div class="media"> <div class="media-body"> <h5 class="mt-1 mb-1">Notifications</h5> <p>Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p> </div> </div> </div> </div> <div class="col-xl-6"> <div class="alert alert-danger alert-dismissible fade show"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <div class="media"> <div class="media-body"> <h5 class="mt-1 mb-1">Notifications</h5> <p>Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p> </div> </div> </div> </div> <div class="col-xl-6"> <div class="alert alert-dark alert-dismissible fade show"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <div class="media"> <div class="media-body"> <h5 class="mt-1 mb-1">Notifications</h5> <p>Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p> </div> </div> </div> </div> <div class="col-xl-6"> <div class="alert alert-light alert-dismissible fade show"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <div class="media"> <div class="media-body"> <h5 class="mt-1 mb-1">Notifications</h5> <p>Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-xl-12 col-xxl-12"> <div class="card"> <div class="card-header d-block"> <h4 class="card-title">Message Alert with Solid color</h4> <p class="mb-0 subtitle">add <code>.solid</code> to change the style</p> </div> <div class="card-body"> <div class="row"> <div class="col-xl-6"> <div class="alert alert-primary solid alert-dismissible fade show"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <div class="media"> <div class="media-body"> <h5 class="mt-1 mb-1">Notifications</h5> <p>Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p> </div> </div> </div> </div> <div class="col-xl-6"> <div class="alert alert-secondary solid alert-dismissible fade show"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <div class="media"> <div class="media-body"> <h5 class="mt-1 mb-1">Notifications</h5> <p>Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p> </div> </div> </div> </div> <div class="col-xl-6"> <div class="alert alert-success solid alert-dismissible fade show"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <div class="media"> <div class="media-body"> <h5 class="mt-1 mb-1">Notifications</h5> <p>Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p> </div> </div> </div> </div> <div class="col-xl-6"> <div class="alert alert-info solid alert-dismissible fade show"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <div class="media"> <div class="media-body"> <h5 class="mt-1 mb-1">Notifications</h5> <p>Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p> </div> </div> </div> </div> <div class="col-xl-6"> <div class="alert alert-warning solid alert-dismissible fade show"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <div class="media"> <div class="media-body"> <h5 class="mt-1 mb-1">Notifications</h5> <p>Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p> </div> </div> </div> </div> <div class="col-xl-6"> <div class="alert alert-danger solid alert-dismissible fade show"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <div class="media"> <div class="media-body"> <h5 class="mt-1 mb-1">Notifications</h5> <p>Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p> </div> </div> </div> </div> <div class="col-xl-6"> <div class="alert alert-dark solid alert-dismissible fade show"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <div class="media"> <div class="media-body"> <h5 class="mt-1 mb-1">Notifications</h5> <p>Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p> </div> </div> </div> </div> <div class="col-xl-6"> <div class="alert alert-light solid alert-dismissible fade show"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <div class="media"> <div class="media-body"> <h5 class="mt-1 mb-1">Notifications</h5> <p>Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-xl-12 col-xxl-12"> <div class="card"> <div class="card-header d-block"> <h4 class="card-title">Alert left icon big </h4> <p class="mb-0 subtitle">add <code>.left-icon-big</code> to change the style</p> </div> <div class="card-body"> <div class="row"> <div class="col-xl-6"> <div class="alert alert-primary left-icon-big alert-dismissible fade show"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <div class="media"> <div class="alert-left-icon-big"> <span><i class="mdi mdi-email-alert"></i></span> </div> <div class="media-body"> <h6 class="mt-1 mb-1">Welcome to your account, Dear user!</h6> <p class="mb-2">Please confirm your email address: email@example.com </p> <a href="#" class="btn btn-light btn-sm text-primary">Resend </a> </div> </div> </div> </div> <div class="col-xl-6"> <div class="alert alert-warning left-icon-big alert-dismissible fade show"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <div class="media"> <div class="alert-left-icon-big"> <span><i class="mdi mdi-help-circle-outline"></i></span> </div> <div class="media-body"> <h5 class="mt-1 mb-1">Pending!</h5> <p class="mb-2">You message sending failed.</p> <a href="#" class="btn btn-light btn-sm text-warning">Resend </a> </div> </div> </div> </div> <div class="col-xl-6"> <div class="alert alert-success left-icon-big alert-dismissible fade show"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <div class="media"> <div class="alert-left-icon-big"> <span><i class="mdi mdi-check-circle-outline"></i></span> </div> <div class="media-body"> <h5 class="mt-1 mb-1">Congratulations!</h5> <p>You have successfully created a account.</p> </div> </div> </div> </div> <div class="col-xl-6"> <div class="alert alert-danger left-icon-big alert-dismissible fade show"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span><i class="mdi mdi-close"></i></span> </button> <div class="media"> <div class="alert-left-icon-big"> <span><i class="mdi mdi-alert"></i></span> </div> <div class="media-body"> <h5 class="mt-1 mb-1">Loading failed!</h5> <p>Again upload your server</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!--********************************** Content body end ***********************************--> <!--********************************** Footer start ***********************************--> <div class="footer"> <div class="copyright"> <p>Copyright © Designed & Developed by <a href="#" target="_blank">Quixkit</a> 2019</p> </div> </div> <!--********************************** Footer end ***********************************--> <!--********************************** Support ticket button start ***********************************--> <!--********************************** Support ticket button end ***********************************--> </div> <!--********************************** Main wrapper end ***********************************--> <!--********************************** Scripts ***********************************--> <!-- Required vendors --> <script src="./vendor/global/global.min.js"></script> <script src="./js/quixnav-init.js"></script> <script src="./js/custom.min.js"></script> </body> </html>
Close