Empire Documentation v1.0

Thank you for purchasing Empire template. If you have any queries that are beyond the scope of this help file, please feel free to Contact us on our Support Hub. Thank you so much!

directory structure

default
assets
audio
Music files
Water_Lily.mp3
css
CSS sources
pages
Pages css
authentication.css
messages.css
tickets.css
products.css
. . .
bootstrap-material.css
shreerang-material.css
uikit.css
fonts
Icons fonts
feather.css
fontawesome.css
linearicons.css
...
img
Images files
avatars
User Images
1.png
1-small.png
2.png
2-small.png
. . .
bg
Background Images
1.jpg
2.jpg
. . .
uikit
Dashboard Images
chair-1.jpg
logo-1.png
. . .
favicon.ico
logo.png
logo-dark.png
js
Javascript sources
pages
Pages Javascript
charts_am.js
dashboards_index.js
forms_editors.js
pages_tickets_edit.js
ui_fullcalendar.js
widget-chart.js
. . .
jquery-3.3.1.min.js
bootstrap.js
pace.js
...
json
Json data files
bootstrap-table-data.json
pages_tickets_list.json
pages_users_list.json
...
libs
Third-party plugins
bootstrap-datepicker
chart-am4
fullcalendar
validate
...
video
video streaming files
video.jpg
video.mp4
video.webm
aui_fullcalendar.html
bui_alert.html
forms_validation.html
index.html
pages_tickets_list.html
w-chart.html
...

Page structure

index.html
<!DOCTYPE html>

<html lang="en" class="material-style layout-fixed">

<head>
    <title>Empire | B4+ admin template by Srthemesvilla</title>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="" />
    <meta name="keywords" content="">
    <meta name="author" content="Srthemesvilla" />
    <link rel="icon" type="image/x-icon" href="assets/img/favicon.ico">

    <!-- Google fonts -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">

    <!-- Icon fonts -->
    <link rel="stylesheet" href="assets/fonts/fontawesome.css">
    <link rel="stylesheet" href="assets/fonts/ionicons.css">
    <link rel="stylesheet" href="assets/fonts/linearicons.css">
    <link rel="stylesheet" href="assets/fonts/open-iconic.css">
    <link rel="stylesheet" href="assets/fonts/pe-icon-7-stroke.css">
    <link rel="stylesheet" href="assets/fonts/feather.css">

    <!-- Core stylesheets -->
    <link rel="stylesheet" href="assets/css/bootstrap-material.css">
    <link rel="stylesheet" href="assets/css/shreerang-material.css">
    <link rel="stylesheet" href="assets/css/uikit.css">

    <!-- Libs -->
    <link rel="stylesheet" href="assets/libs/perfect-scrollbar/perfect-scrollbar.css">

</head>

<body>
    <!-- [ Preloader ] Start -->
    <div class="page-loader">
        <div class="bg-primary"></div>
    </div>
    <!-- [ Preloader ] End -->

    <!-- [ Layout wrapper ] Start -->
    <div class="layout-wrapper layout-2">
        <div class="layout-inner">
            <!-- [ Layout sidenav ] Start -->
            <div id="layout-sidenav" class="layout-sidenav sidenav sidenav-vertical bg-dark">
                <!-- Brand demo (see assets/css/demo/demo.css) -->
                <div class="app-brand demo">
                    <span class="app-brand-logo demo">
                        <img src="assets/img/logo.png" alt="Brand Logo" class="img-fluid">
                    </span>
                    <a href="index.html" class="app-brand-text demo sidenav-text font-weight-normal ml-2">Empire</a>
                    <a href="javascript:" class="layout-sidenav-toggle sidenav-link text-large ml-auto">
                        <i class="ion ion-md-menu align-middle"></i>
                    </a>
                </div>
                <div class="sidenav-divider mt-0"></div>

                <!-- Links -->
                <ul class="sidenav-inner py-1">

                    <!-- Dashboards -->
                    <li class="sidenav-item open active">
                        <a href="javascript:" class="sidenav-link sidenav-toggle">
                            <i class="sidenav-icon feather icon-home"></i>
                            <div>Dashboards</div>
                            <div class="pl-1 ml-auto">
                                <div class="badge badge-danger">Hot</div>
                            </div>
                        </a>
                    </li>
                    <!-- Layouts -->
                    <li class="sidenav-divider mb-1"></li>
                    <li class="sidenav-header small font-weight-semibold">UI Components</li>
                    <li class="sidenav-item">
                        <a href="javascript:" class="sidenav-link">
                            <i class="sidenav-icon feather icon-type"></i>
                            <div>Typography</div>
                        </a>
                    </li>

                    <!-- UI elements -->
                    <li class="sidenav-item">
                        <a href="javascript:" class="sidenav-link sidenav-toggle">
                            <i class="sidenav-icon feather icon-box"></i>
                            <div>Menu Level</div>
                        </a>
                        <ul class="sidenav-menu">
                            <li class="sidenav-item">
                                <a href="javascript:" class="sidenav-link">
                                    <div>Menu Level 1.1</div>
                                </a>
                            </li>
							<li class="sidenav-item">
                                <a href="javascript:" class="sidenav-link sidenav-toggle">
                                    <div>Menu Level 1.2</div>
                                </a>
                                <ul class="sidenav-menu">
                                    <li class="sidenav-item">
                                        <a href="javascript:" class="sidenav-link">
                                            <div>Menu Level 2.1</div>
                                        </a>
                                    </li>
									<li class="sidenav-item">
                                        <a href="javascript:" class="sidenav-link">
                                            <div>Menu Level 2.2</div>
                                        </a>
                                    </li>
                                </ul>
                            </li>
							<li class="sidenav-item">
                                <a href="javascript:" class="sidenav-link">
                                    <div>Menu Level 1.2</div>
                                </a>
                            </li>
							<li class="sidenav-item">
                                <a href="javascript:" class="sidenav-link">
                                    <div>Menu Level 1.3</div>
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <!-- [ Layout sidenav ] End -->
            <!-- [ Layout container ] Start -->
            <div class="layout-container">
                <!-- [ Layout navbar ( Header ) ] Start -->
                <nav class="layout-navbar navbar navbar-expand-lg align-items-lg-center bg-white container-p-x" id="layout-navbar">

                    <!-- Brand demo (see assets/css/demo/demo.css) -->
                    <a href="index.html" class="navbar-brand app-brand demo d-lg-none py-0 mr-4">
                        <span class="app-brand-logo demo">
                            <img src="assets/img/logo-dark.png" alt="Brand Logo" class="img-fluid">
                        </span>
                        <span class="app-brand-text demo font-weight-normal ml-2">Empire</span>
                    </a>

                    <!-- Sidenav toggle (see assets/css/demo/demo.css) -->
                    <div class="layout-sidenav-toggle navbar-nav d-lg-none align-items-lg-center mr-auto">
                        <a class="nav-item nav-link px-0 mr-lg-4" href="javascript:">
                            <i class="ion ion-md-menu text-large align-middle"></i>
                        </a>
                    </div>

                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#layout-navbar-collapse">
                        <span class="navbar-toggler-icon"></span>
                    </button>

                    <div class="navbar-collapse collapse" id="layout-navbar-collapse">
                        <!-- Divider -->
                        <hr class="d-lg-none w-100 my-2">

                        <div class="navbar-nav align-items-lg-center">
                            <!-- Search -->
                            <label class="nav-item navbar-text navbar-search-box p-0 active">
                                <i class="feather icon-search navbar-icon align-middle"></i>
                                <span class="navbar-search-input pl-2">
                                  <input type="text" class="form-control navbar-text mx-2" placeholder="Search..." style="width:200px">
                                </span>
                            </label>
                        </div>

                        <div class="navbar-nav align-items-lg-center ml-auto">
                            <div class="demo-navbar-notifications nav-item dropdown mr-lg-3">
                                <a class="nav-link dropdown-toggle hide-arrow" href="#" data-toggle="dropdown">
                                    <i class="feather icon-bell navbar-icon align-middle"></i>
                                    <span class="badge badge-danger badge-dot indicator"></span>
                                    <span class="d-lg-none align-middle">  Notifications</span>
                                </a>
                                <div class="dropdown-menu dropdown-menu-right">
                                    <div class="bg-primary text-center text-white font-weight-bold p-3">
                                        4 New Notifications
                                    </div>
                                    <div class="list-group list-group-flush">
                                        <a href="javascript:" class="list-group-item list-group-item-action media d-flex align-items-center">
                                            <div class="ui-icon ui-icon-sm feather icon-home bg-secondary border-0 text-white"></div>
                                            <div class="media-body line-height-condenced ml-3">
                                                <div class="text-dark">Login from 192.168.1.1</div>
                                                <div class="text-light small mt-1">
                                                    Aliquam ex eros, imperdiet vulputate hendrerit et.
                                                </div>
                                                <div class="text-light small mt-1">12h ago</div>
                                            </div>
                                        </a>
                                    </div>
                                    <a href="javascript:" class="d-block text-center text-light small p-2 my-1">Show all notifications</a>
                                </div>
                            </div>

                            <div class="demo-navbar-messages nav-item dropdown mr-lg-3">
                                <a class="nav-link dropdown-toggle hide-arrow" href="#" data-toggle="dropdown">
                                    <i class="feather icon-mail navbar-icon align-middle"></i>
                                    <span class="badge badge-success badge-dot indicator"></span>
                                    <span class="d-lg-none align-middle">  Messages</span>
                                </a>
                                <div class="dropdown-menu dropdown-menu-right">
                                    <div class="bg-primary text-center text-white font-weight-bold p-3">
                                        4 New Messages
                                    </div>
                                    <div class="list-group list-group-flush">
                                        <a href="javascript:" class="list-group-item list-group-item-action media d-flex align-items-center">
                                            <img src="assets/img/avatars/6-small.png" class="d-block ui-w-40 rounded-circle" alt>
                                            <div class="media-body ml-3">
                                                <div class="text-dark line-height-condenced">Lorem ipsum dolor consectetuer elit.</div>
                                                <div class="text-light small mt-1">
                                                    Josephin Doe  ·  58m ago
                                                </div>
                                            </div>
                                        </a>
                                    </div>

                                    <a href="javascript:" class="d-block text-center text-light small p-2 my-1">Show all messages</a>
                                </div>
                            </div>

                            <!-- Divider -->
                            <div class="nav-item d-none d-lg-block text-big font-weight-light line-height-1 opacity-25 mr-3 ml-1">|</div>
                            <div class="demo-navbar-user nav-item dropdown">
                                <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">
                                    <span class="d-inline-flex flex-lg-row-reverse align-items-center align-middle">
                                        <img src="assets/img/avatars/1.png" alt class="d-block ui-w-30 rounded-circle">
                                        <span class="px-1 mr-lg-2 ml-2 ml-lg-0">Cindy Deitch</span>
                                    </span>
                                </a>
                                <div class="dropdown-menu dropdown-menu-right">
                                    <a href="javascript:" class="dropdown-item">
                                        <i class="feather icon-user text-muted"></i>   My profile</a>
                                    <a href="javascript:" class="dropdown-item">
                                        <i class="feather icon-mail text-muted"></i>   Messages</a>
                                    <a href="javascript:" class="dropdown-item">
                                        <i class="feather icon-settings text-muted"></i>   Account settings</a>
                                    <div class="dropdown-divider"></div>
                                    <a href="javascript:" class="dropdown-item">
                                        <i class="feather icon-power text-danger"></i>   Log Out</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </nav>
                <!-- [ Layout navbar ( Header ) ] End -->

                <!-- [ Layout content ] Start -->
                <div class="layout-content">

                    <!-- [ content ] Start -->
                    <div class="container-fluid flex-grow-1 container-p-y">
                        <h4 class="font-weight-bold py-3 mb-0">Dashboard</h4>
                        <div class="text-muted small mt-0 mb-4 d-block breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="#"><i class="feather icon-home"></i></a></li>
                                <li class="breadcrumb-item"><a href="#">Library</a></li>
                                <li class="breadcrumb-item active" >Data</li>
                            </ol>
                        </div>
                        <div class="row">

                        </div>
                    </div>
                    <!-- [ content ] End -->

                    <!-- [ Layout footer ] Start -->
                    <nav class="layout-footer footer bg-white">
                        <div class="container-fluid d-flex flex-wrap justify-content-between text-center container-p-x pb-3">
                            <div class="pt-3">
                                <span class="footer-text font-weight-semibold">© <a href="https://srthemesvilla.com" class="footer-link" target="_blank">Srthemesvilla</a></span>
                            </div>
                            <div>
                                <a href="javascript:" class="footer-link pt-3">About Us</a>
                                <a href="javascript:" class="footer-link pt-3 ml-4">Help</a>
                                <a href="javascript:" class="footer-link pt-3 ml-4">Contact</a>
                                <a href="javascript:" class="footer-link pt-3 ml-4">Terms & Conditions</a>
                            </div>
                        </div>
                    </nav>
                    <!-- [ Layout footer ] End -->

                </div>
                <!-- [ Layout content ] Start -->

            </div>
            <!-- [ Layout container ] End -->
        </div>
        <!-- Overlay -->
        <div class="layout-overlay layout-sidenav-toggle"></div>
    </div>
    <!-- [ Layout wrapper] End -->

    <!-- Core scripts -->
    <script src="assets/js/pace.js"></script>
    <script src="assets/js/jquery-3.3.1.min.js"></script>
    <script src="assets/libs/popper/popper.js"></script>
    <script src="assets/js/bootstrap.js"></script>
    <script src="assets/js/sidenav.js"></script>
    <script src="assets/js/layout-helpers.js"></script>
    <script src="assets/js/material-ripple.js"></script>

    <!-- Libs -->
    <script src="assets/libs/perfect-scrollbar/perfect-scrollbar.js"></script>

    <!-- Demo -->
    <script src="assets/js/demo.js"></script>
</body>

</html>

Layouts

<!-- [ Layout sidenav ] Start -->
<div id="layout-sidenav" class="layout-sidenav sidenav sidenav-vertical bg-dark">
    <!-- Brand demo (see assets/css/demo/demo.css) -->
    <div class="app-brand demo">
        <span class="app-brand-logo demo">
            <img src="assets/img/logo.png" alt="Brand Logo" class="img-fluid">
        </span>
        <a href="index.html" class="app-brand-text demo sidenav-text font-weight-normal ml-2">Empire</a>
        <a href="javascript:" class="layout-sidenav-toggle sidenav-link text-large ml-auto">
            <i class="ion ion-md-menu align-middle"></i>
        </a>
    </div>
    <div class="sidenav-divider mt-0"></div>

    <!-- Links -->
    <ul class="sidenav-inner py-1">

        <!-- Dashboards -->
        <li class="sidenav-item open active">
            <a href="javascript:" class="sidenav-link sidenav-toggle">
                <i class="sidenav-icon feather icon-home"></i>
                <div>Dashboards</div>
                <div class="pl-1 ml-auto">
                    <div class="badge badge-danger">Hot</div>
                </div>
            </a>
        </li>
        <!-- Layouts -->
        <li class="sidenav-divider mb-1"></li>
        <li class="sidenav-header small font-weight-semibold">UI Components</li>
        <li class="sidenav-item">
            <a href="javascript:" class="sidenav-link">
                <i class="sidenav-icon feather icon-type"></i>
                <div>Typography</div>
            </a>
        </li>

        <!-- UI elements -->
        <li class="sidenav-item">
            <a href="javascript:" class="sidenav-link sidenav-toggle">
                <i class="sidenav-icon feather icon-box"></i>
                <div>Menu Level</div>
            </a>
            <ul class="sidenav-menu">
                <li class="sidenav-item">
                    <a href="javascript:" class="sidenav-link">
                        <div>Menu Level 1.1</div>
                    </a>
                </li>
				<li class="sidenav-item">
                    <a href="javascript:" class="sidenav-link sidenav-toggle">
                        <div>Menu Level 1.2</div>
                    </a>
                    <ul class="sidenav-menu">
                        <li class="sidenav-item">
                            <a href="javascript:" class="sidenav-link">
                                <div>Menu Level 2.1</div>
                            </a>
                        </li>
						<li class="sidenav-item">
                            <a href="javascript:" class="sidenav-link">
                                <div>Menu Level 2.2</div>
                            </a>
                        </li>
                    </ul>
                </li>
				<li class="sidenav-item">
                    <a href="javascript:" class="sidenav-link">
                        <div>Menu Level 1.2</div>
                    </a>
                </li>
				<li class="sidenav-item">
                    <a href="javascript:" class="sidenav-link">
                        <div>Menu Level 1.3</div>
                    </a>
                </li>
            </ul>
        </li>
    </ul>
</div>
<!-- [ Layout sidenav ] End -->
<!-- [ Layout sidenav ] Start -->
<div id="layout-sidenav" class="layout-sidenav sidenav sidenav-vertical bg-white">
    <!-- Brand demo (see assets/css/demo/demo.css) -->
    <div class="app-brand demo">
        <span class="app-brand-logo demo">
            <img src="assets/img/logo.png" alt="Brand Logo" class="img-fluid">
        </span>
        <a href="index.html" class="app-brand-text demo sidenav-text font-weight-normal ml-2">Empire</a>
        <a href="javascript:" class="layout-sidenav-toggle sidenav-link text-large ml-auto">
            <i class="ion ion-md-menu align-middle"></i>
        </a>
    </div>
    <div class="sidenav-divider mt-0"></div>

    <!-- Links -->
    <ul class="sidenav-inner py-1">

        <!-- Dashboards -->
        <li class="sidenav-item open active">
            <a href="javascript:" class="sidenav-link sidenav-toggle">
                <i class="sidenav-icon feather icon-home"></i>
                <div>Dashboards</div>
                <div class="pl-1 ml-auto">
                    <div class="badge badge-danger">Hot</div>
                </div>
            </a>
        </li>
        <!-- Layouts -->
        <li class="sidenav-divider mb-1"></li>
        <li class="sidenav-header small font-weight-semibold">UI Components</li>
        <li class="sidenav-item">
            <a href="javascript:" class="sidenav-link">
                <i class="sidenav-icon feather icon-type"></i>
                <div>Typography</div>
            </a>
        </li>

        <!-- UI elements -->
        <li class="sidenav-item">
            <a href="javascript:" class="sidenav-link sidenav-toggle">
                <i class="sidenav-icon feather icon-box"></i>
                <div>Menu Level</div>
            </a>
            <ul class="sidenav-menu">
                <li class="sidenav-item">
                    <a href="javascript:" class="sidenav-link">
                        <div>Menu Level 1.1</div>
                    </a>
                </li>
				<li class="sidenav-item">
                    <a href="javascript:" class="sidenav-link sidenav-toggle">
                        <div>Menu Level 1.2</div>
                    </a>
                    <ul class="sidenav-menu">
                        <li class="sidenav-item">
                            <a href="javascript:" class="sidenav-link">
                                <div>Menu Level 2.1</div>
                            </a>
                        </li>
						<li class="sidenav-item">
                            <a href="javascript:" class="sidenav-link">
                                <div>Menu Level 2.2</div>
                            </a>
                        </li>
                    </ul>
                </li>
				<li class="sidenav-item">
                    <a href="javascript:" class="sidenav-link">
                        <div>Menu Level 1.2</div>
                    </a>
                </li>
				<li class="sidenav-item">
                    <a href="javascript:" class="sidenav-link">
                        <div>Menu Level 1.3</div>
                    </a>
                </li>
            </ul>
        </li>
    </ul>
</div>
<!-- [ Layout sidenav ] End -->

Header Colors

add bg-white class inlayout-navbar id to get default header
<!-- [ Layout navbar ( Header ) ] Start -->
    <nav class="layout-navbar navbar navbar-expand-lg align-items-lg-center bg-white container-p-x" id="layout-navbar">
    </nav>
    <!-- [ Layout navbar ( Header ) ] End -->
add bg-primary class inlayout-navbar id to get default header
<!-- [ Layout navbar ( Header ) ] Start -->
    <nav class="layout-navbar navbar navbar-expand-lg align-items-lg-center bg-primary container-p-x" id="layout-navbar">
    </nav>
    <!-- [ Layout navbar ( Header ) ] End -->
add bg-danger class inlayout-navbar id to get default header
<!-- [ Layout navbar ( Header ) ] Start -->
    <nav class="layout-navbar navbar navbar-expand-lg align-items-lg-center bg-danger container-p-x" id="layout-navbar">
    </nav>
    <!-- [ Layout navbar ( Header ) ] End -->
add bg-success class inlayout-navbar id to get default header
<!-- [ Layout navbar ( Header ) ] Start -->
    <nav class="layout-navbar navbar navbar-expand-lg align-items-lg-center bg-success container-p-x" id="layout-navbar">
    </nav>
    <!-- [ Layout navbar ( Header ) ] End -->
add bg-warning class inlayout-navbar id to get default header
<!-- [ Layout navbar ( Header ) ] Start -->
    <nav class="layout-navbar navbar navbar-expand-lg align-items-lg-center bg-warning container-p-x" id="layout-navbar">
    </nav>
    <!-- [ Layout navbar ( Header ) ] End -->
add bg-info class inlayout-navbar id to get default header
<!-- [ Layout navbar ( Header ) ] Start -->
    <nav class="layout-navbar navbar navbar-expand-lg align-items-lg-center bg-info container-p-x" id="layout-navbar">
    </nav>
    <!-- [ Layout navbar ( Header ) ] End -->

Layout position

You can Chnage the initial layout by setting control classes to the <html> element. 

index.html
<html class="layout-fixed layout-navbar-fixed">
Class Name Description
.layout-fixed Set layout Side menu position to fixed.
.layout-navbar-fixed Set layout Header position to fixed.

Layout position

You can Chnage the initial layout by setting control classes to the layout-navbar id. 

index.html
<div id="layout-sidenav" class="logo-dark">
Class Name Description
.logo-dark Set Brand background to dark color.
.logo-white Set Brand background to light color.

Third-party plugins

Plugins name Which page it used Plugins links Live source
Bootstrap Slider forms_sliders.html <link rel="stylesheet" href="assets/vendor/libs/bootstrap-slider/bootstrap-slider.css">
<script src="assets/vendor/libs/bootstrap-slider/bootstrap-slider.js"></script>
noUiSlider forms_sliders.html <link rel="stylesheet" href="assets/vendor/libs/nouislider/nouislider.css">
<script src="assets/vendor/libs/nouislider/nouislider.js"></script>
Select2 forms_selects.html <link rel="stylesheet" href="assets/vendor/libs/select2/select2.css">
<script src="assets/vendor/libs/select2/select2.js"></script>
Bootstrap Tagsinput forms_selects.html <link rel="stylesheet" href="assets/vendor/libs/bootstrap-tagsinput/bootstrap-tagsinput.css">
<script src="assets/vendor/libs/bootstrap-tagsinput/bootstrap-tagsinput.js"></script>
Bootstrap Select forms_selects.html <link rel="stylesheet" href="assets/vendor/libs/bootstrap-select/bootstrap-select.css">
<script src="assets/vendor/libs/bootstrap-select/bootstrap-select.js"></script>
Bootstrap Multiselect forms_selects.html <link rel="stylesheet" href="assets/vendor/libs/bootstrap-multiselect/bootstrap-multiselect.css">
<script src="assets/vendor/libs/bootstrap-multiselect/bootstrap-multiselect.js"></script>
Bootstrap Datepicker forms_pickers.html <link rel="stylesheet" href="assets/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.css">
<script src="assets/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.js"></script>
Bootstrap Daterangepicker forms_pickers.html <link rel="stylesheet" href="assets/vendor/libs/bootstrap-daterangepicker/bootstrap-daterangepicker.css">
<script src="assets/vendor/libs/bootstrap-daterangepicker/bootstrap-daterangepicker.js"></script>

<script src="assets/vendor/libs/moment/moment.js"></script>
Bootstrap Material DateTimePicker forms_pickers.html <link rel="stylesheet" href="assets/vendor/libs/bootstrap-material-datetimepicker/bootstrap-material-datetimepicker.css">
<script src="assets/vendor/libs/bootstrap-material-datetimepicker/bootstrap-material-datetimepicker.js"></script>

<script src="assets/vendor/libs/moment/moment.js"></script>
jQuery Timepicker forms_pickers.html <link rel="stylesheet" href="assets/vendor/libs/timepicker/timepicker.css">
<script src="assets/vendor/libs/timepicker/timepicker.js"></script>
Minicolors forms_pickers.html <link rel="stylesheet" href="assets/vendor/libs/minicolors/minicolors.css">
<script src="assets/vendor/libs/minicolors/minicolors.js"></script>
Fullcalendar aui_fullcalendar.html <link rel="stylesheet" href="assets/vendor/libs/fullcalendar/fullcalendar.css">
<script src="assets/vendor/libs/fullcalendar/fullcalendar.js"></script>

<script src="assets/vendor/libs/moment/moment.js"></script>
Vanilla Text Mask forms_extras.html <script src="assets/vendor/libs/vanilla-text-mask/vanilla-text-mask.js"></script>
<script src="assets/vendor/libs/vanilla-text-mask/text-mask-addons.js"></script>
Bootstrap SweetAlert bui_modals.html <link rel="stylesheet" href="assets/vendor/libs/bootstrap-sweetalert/bootstrap-sweetalert.css">
<script src="assets/vendor/libs/bootstrap-sweetalert/bootstrap-sweetalert.js"></script>
Growl aui_notifications.html <link rel="stylesheet" href="assets/vendor/libs/growl/growl.css">
<script src="assets/vendor/libs/growl/growl.js"></script>
Toastr aui_notifications.html <link rel="stylesheet" href="assets/vendor/libs/toastr/toastr.css">
<script src="assets/vendor/libs/toastr/toastr.js"></script>
Bootstrap Markdown forms_editors.html <link rel="stylesheet" href="assets/vendor/libs/bootstrap-markdown/bootstrap-markdown.css">
<script src="assets/vendor/libs/bootstrap-markdown/bootstrap-markdown.js"></script>

<script src="assets/vendor/libs/markdown/markdown.js"></script>
Quill forms_editors.html <link rel="stylesheet" href="assets/vendor/libs/quill/typography.css">
<link rel="stylesheet" href="assets/vendor/libs/quill/editor.css">
<script>
// Quill does not support IE 10 and below so don't load it to prevent console errors
if (typeof document.documentMode !== 'number' || document.documentMode > 10) {
document.write('\x3Cscript src="assets/vendor/libs/quill/quill.js">\x3C/script>');
}
</script>
Typeahead forms_typeahead.html <link rel="stylesheet" href="assets/vendor/libs/typeahead-js/typeahead.css">
<script src="assets/vendor/libs/typeahead-js/typeahead.js"></script>
DataTables tables_datatables.html <link rel="stylesheet" href="assets/vendor/libs/datatables/datatables.css">
<script src="assets/vendor/libs/datatables/datatables.js"></script>
Bootstrap Table tables_bootstrap-table.html <link rel="stylesheet" href="assets/vendor/libs/bootstrap-table/bootstrap-table.css">
<script src="assets/vendor/libs/bootstrap-table/bootstrap-table.js"></script>
<!-- External plugins -->
<script src="assets/vendor/libs/tableexport/tableexport.js"></script>
<script src="assets/vendor/libs/moment/moment.js"></script>
<link rel="stylesheet" href="assets/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.css">
<script src="assets/vendor/libs/bootstrap-datepicker/bootstrap-datepicker.js"></script>

<script src="assets/vendor/libs/bootstrap-table/extensions/*"></script>
Bootstrap Sortable tables_bootstrap-sortable.html <link rel="stylesheet" href="assets/vendor/libs/bootstrap-sortable/bootstrap-sortable.css">
<script src="assets/vendor/libs/bootstrap-sortable/bootstrap-sortable.js"></script>
Dropzone forms_file-upload.html <link rel="stylesheet" href="assets/vendor/libs/dropzone/dropzone.css">
<script src="assets/vendor/libs/dropzone/dropzone.js"></script>
Flow.js forms_file-upload.html <link rel="stylesheet" href="assets/vendor/libs/flow-js/flow.css">
<script src="assets/vendor/libs/flow-js/flow.js"></script>
Dragula aui_drag-and-drop.html <link rel="stylesheet" href="assets/vendor/libs/dragula/dragula.css">
<script src="assets/vendor/libs/dragula/dragula.js"></script>
Sortable.js aui_drag-and-drop.html <script src="assets/vendor/libs/sortablejs/sortable.js"></script>
Swiper aui_carousel.html <link rel="stylesheet" href="assets/vendor/libs/swiper/swiper.css">
<script src="assets/vendor/libs/swiper/swiper.js"></script>
Bootstrap Menu bui_dropdowns.html <script src="assets/vendor/libs/bootstrap-menu/bootstrap-menu.js"></script>
Bootstrap Dual Listbox forms_dual-listbox.html <link rel="stylesheet" href="assets/vendor/libs/bootstrap-duallistbox/bootstrap-duallistbox.css">
<script src="assets/vendor/libs/bootstrap-duallistbox/bootstrap-duallistbox.js"></script>
Ladda aui_ladda.html <link rel="stylesheet" href="assets/vendor/libs/ladda/ladda.css">
<script src="assets/vendor/libs/ladda/ladda.js"></script>

<script src="assets/vendor/libs/spin/spin.js"></script>
jQuery Validation forms_validation.html <script src="assets/vendor/libs/validate/validate.js"></script>
Cropper aui_cropper.html <link rel="stylesheet" href="assets/vendor/libs/cropper/cropper.css">
<script src="assets/vendor/libs/cropper/cropper.js"></script>
Bootstrap Maxlength forms_extras.html <link rel="stylesheet" href="assets/vendor/libs/bootstrap-maxlength/bootstrap-maxlength.css">
<script src="assets/vendor/libs/bootstrap-maxlength/bootstrap-maxlength.js"></script>
Pwstrength-bootstrap forms_extras.html <script src="assets/vendor/libs/pwstrength-bootstrap/pwstrength-bootstrap.js"></script>
Photoswipe aui_lightbox.html <link rel="stylesheet" href="assets/vendor/libs/photoswipe/photoswipe.css">
<script src="assets/vendor/libs/photoswipe/photoswipe.js"></script>
SmartWizard forms_wizard.html <link rel="stylesheet" href="assets/vendor/libs/smartwizard/smartwizard.css">
<script src="assets/vendor/libs/smartwizard/smartwizard.js"></script>
Perfect-scrollbar All Pages <link rel="stylesheet" href="assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css">
<script src="assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js"></script>
Plyr aui_media-player.html <link rel="stylesheet" href="assets/vendor/libs/plyr/plyr.css">
<script src="assets/vendor/libs/plyr/plyr.js"></script>
GMaps charts_gmaps.html <script src="http://maps.google.com/maps/api/js?key=YOUR_API_KEY"></script>
<script src="assets/vendor/libs/gmaps/gmaps.js"></script>
Amchart charts_am.html <script src="assets/libs/chart-am4/core.js"></script>
<script src="assets/libs/chart-am4/charts.js"></script>
<script src="assets/libs/chart-am4/animated.js"></script>
Flot charts_flot.html <link rel="stylesheet" href="assets/vendor/libs/flot/flot.css">
<script src="assets/vendor/libs/flot/flot.js"></script>
Chartist charts_chartist.html <link rel="stylesheet" href="assets/vendor/libs/chartist/chartist.css">
<script src="assets/vendor/libs/chartist/chartist.js"></script>
Chart.js charts_chartjs.html <script src="assets/vendor/libs/chartjs/chartjs.js"></script>
Morris charts_morrisjs.html <link rel="stylesheet" href="assets/vendor/libs/morris/morris.css">
<script src="assets/vendor/libs/morris/morris.js"></script>
<!-- Dependencies: -->
<script src="assets/vendor/libs/eve/eve.js"></script>
<script src="assets/vendor/libs/raphael/raphael.js"></script>

Change log

index.html

	11/04/2020 - Release v1.0.3
    ---------------------------------------
    -   Some Page level design will improve
	
	11/04/2020 - Release v1.0.3
    ---------------------------------------
    -   Add new foo table plugins in table
	
	09/04/2020 - Release v1.0.2
    ---------------------------------------
    -   Add new prebuild Pages in theme
        - Voting
        - Pricing
        - file manager
        - Clients
    -   Improve page speed performance
	
    28/03/2020 - Release v1.0.1
    ---------------------------------------
    -   Add mini prebuild admin template in theme
        - Hospital
        - Project & CRM
        - Membership
        - Helpdesk
        - School
        - SIS
        - Crypto
        - E-Commerce
    -   Improve Sidebar active design

    28/02/2020 - Release v1.0 Initially

Thankyou for buy Empire

Devloped by @Srthemesvilla & Maintain By @Phoenixcoded
Don't forgat to give to us on themeforest